JavaScript
YourBrotherBao
这个作者很懒,什么都没留下…
展开
-
JavaScript对象属性的访问
JavaScript对象属性的访问有两种方式:obj.attrobj["attr"]一般使用第一种当需要遍历一个对象的属性时,可以这样做:for(var key in obj){alert("属性"+key+":"+obj[key]);}当用下标方式访问属性时,下标可以是一个变量,方便遍历,但以点方式访问时属性名不允许是变量当从json字原创 2013-01-16 17:41:26 · 401 阅读 · 0 评论 -
jQuery的.bind()、.live()和.delegate()之间区别
摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。 基本要素 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(转载 2013-11-18 16:36:54 · 483 阅读 · 0 评论 -
jQuery的deferred对象详解
jQuery的deferred对象详解作者: 阮一峰日期: 2011年8月16日 (转自:http://www.ruanyifeng.com)jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----defe转载 2013-12-09 15:47:07 · 462 阅读 · 0 评论 -
JavaScript构造函数原型混合模式(转自:JavaScript高级程序设计)
转载 2014-01-22 13:55:26 · 600 阅读 · 0 评论 -
javascript 一种继承的方式,摘自JavaScript语言精粹
//javascrpt继承的一种方式,摘自JavaScript语言精粹var stooge = { "first-name": "Jerome", "last-name": "Howard"};if(typeof Object.beget !== 'function'){ var F = function(o){ var F = function(){}; F.prototy转载 2014-01-20 11:03:51 · 482 阅读 · 0 评论 -
BIND?LIVE?DELEGATE?还是ON?–JQUERY事件绑定方法研究
BIND?LIVE?DELEGATE?还是ON?–JQUERY事件绑定方法研究最近写项目页面用了不少jquery的东西,过程当中对jquery的事件绑定方法有些疑惑,经过学习各种资料,现在终于明白不少。恰巧有同学和我有一样的疑惑,我正好梳理一下思路,写下本文。如果你也对jquery中眼花缭乱的事件绑定方法不太明白的话,你来对地方了。继续阅读前,我认为你需要先知道以下几点基础知识:转载 2014-03-03 13:35:06 · 648 阅读 · 0 评论 -
jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
面临问题很久没关注JQuery了,今天突然想升级一下系统中使用的jquery版本,突然发现,升级JQuery版本到1.9之后出现了很多问题,比如:$.browser is undefined。突然就想到难不成jquery升级删除了这个属性?记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西转载 2014-04-16 18:15:27 · 869 阅读 · 0 评论 -
Javascript 异步加载详解
Javascript 异步加载详解本文总结一下浏览器在 javascript 的加载方式。关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式:script src="ht转载 2014-07-09 15:40:42 · 704 阅读 · 0 评论 -
JavaScript面向对象 组合使用构造函数模式和原型模式
转自:《Professional JavaScript for Web Developers 3rd Edition》Nicholas C.Zakas Page159创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内在。另转载 2014-09-20 12:05:05 · 409 阅读 · 0 评论 -
JavaScript 关于this对象
关于this对象在闭包中使用this对象也可能会导致一些问题。我们知道,this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被作为某个对象的方法调用时,this等于那个对象。不过,匿名函数的执行环境具有全局性,因此其this对象通常指向window(当然,通过call()或apply()改变函数执行环境的情况下,this就会指向其他对象)。但转载 2014-09-20 12:32:14 · 597 阅读 · 0 评论 -
JavaScript面向对象 组合使用构造函数模式和原型模式
创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内在。另外,这种混成模式还支持向构造函数传递参数;可谓是集两种模式之长。下面的代码重写了前面的例子。 在这个例子中,实例属性都是在构造函数中定转载 2014-09-20 11:59:05 · 437 阅读 · 0 评论 -
JavaScript 循环语句 当有异步调用时的注意事项
以上代码输出正常,会遍历输出当前目录下的所有原创 2014-09-27 21:21:50 · 494 阅读 · 0 评论 -
js中escape,encodeURI,encodeURIComponent三个函数的区别
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document.转载 2014-10-14 14:53:03 · 429 阅读 · 0 评论 -
jQuery live与bind的区别
jQuery live与bind的区别平时在使用jQuery进行AJAX操作的时候,新生成的元素事件会失效,有时候不得不重新绑定一下事件,但是这样做很麻烦。例如评论分页后对评论内容的JS验证会失效等。在jQuery1.3之前有一个插件会解决这个问题http://plugins.jquery.com/project/livequery ,jQuery1.3增加了一个live()方转载 2013-11-18 16:33:49 · 544 阅读 · 0 评论 -
JQuery window、document、 body
JQuery window、document、 body我电脑屏幕分辨率:1440 * 900 最大化浏览器,刷新浏览器alert($(window).width() + "---" + $(window).height()); 1423---768alert($(document).width() + "---" + $(document).heig转载 2013-09-17 22:17:27 · 659 阅读 · 0 评论 -
Json数据
Json是保存数据的一种方式,在JavaScript中json数据指的是字符串:var data="{xxxxxxxxxx}"; //xxxxxx表示的内容是"name":"value","name":"value",在javascript中可以用JSON.stringify()将对象序列化为json字符串变量data保存的是json格式的字符串,必须转为javascript对象才原创 2013-01-16 17:46:33 · 394 阅读 · 0 评论 -
ajax在实际应用中是要选择同步还是异步
ajax在实际应用中是要选择同步还是异步 Ajax在网页中最大的一个优点是它可以访问服务器上的信息而不需要重新加载网页。这意味着要检索或是更新信息的某一小个部分的时候,只需要从服务器端传送那一部分需要的信息而不需要重新下载整个网页。 Ajax可以通过两种方法访问服务器,即同步(脚本会停留并等待服务器发送回复然后再继续)和异步(脚本允许页面继续其进程并处理可能的回复)。转载 2013-01-17 11:47:20 · 489 阅读 · 0 评论 -
javascript专题(一): form的target属性
转自:http://www.cnblogs.com/fangjins/archive/2012/08/12/2634193.html 方劲松 南京焦点科技 写于鼓楼清凉山 2012.8.12表单是最常见的html元素,作用是向服务器提交数据。其中有一个属性target,深入理解之后,对页面的形成有帮助。下面详细分析。一 表单提交到了哪里转载 2013-03-21 16:58:02 · 915 阅读 · 0 评论 -
JavaScript专题(二):深入理解iframe
转自:http://www.cnblogs.com/fangjins/archive/2012/08/19/2645631.html一 目的 iframe是网页布局中重要的元素,是解决一些常见前端问题的必修课,而iframe总是让人捉摸不透,不好掌握。关于iframe,有很多问题我们必须要彻底弄清。笔者累一年经验,3天构思,欲阐述关于iframe的那些事。虽然都是常见转载 2013-03-21 17:04:28 · 884 阅读 · 0 评论 -
49个jQuery代码经典片段
49个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({转载 2013-03-21 17:10:09 · 640 阅读 · 0 评论 -
详解Js中的Parent , top对象
[网站建设之]详解Js中的Parent对象本文将详细介绍一下Js中的Parent对象的使用。top:该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。parent:该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含转载 2013-03-21 17:18:46 · 2062 阅读 · 0 评论 -
iframe 自适应高度的问题(jquery控制)
(转自:http://blog.csdn.net/yjygaiq123456789/article/details/8085723 不错!)为了解决iframe 自适应高高度的问题 已花了我不少时间,在网上找了好几种方法,可每种都有问题,在参考同事的方法后终于解决了所有问题,现在就把代码写出来和大家分享下,同时避免以后忘记。代码如下:主页面代码:ifram转载 2013-06-15 11:59:42 · 649 阅读 · 0 评论 -
jquery中使用event.target的几点
jquery中使用event.target的几点1.this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);转载 2013-06-15 14:12:11 · 600 阅读 · 0 评论 -
jQuery为iframe的body添加click事件
jQuery为iframe的body添加click事件的实现代码,需要的朋友可以参考下。 为body添加click事件 function show_body_click(){ alert('you are click the body'); } jQuery(document).ready(function(){ //jQuery("ifr_转载 2013-06-15 14:14:14 · 1481 阅读 · 0 评论 -
Js中的window.parent ,window.top,window.self 详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。 window.self功能:是对当前窗口自身的引用。它和window属性是等价的。语法:window.self注:window转载 2013-06-21 13:14:40 · 771 阅读 · 0 评论 -
JavaScript中的匿名函数及函数的闭包
JavaScript中的匿名函数及函数的闭包1、匿名函数2、闭包3、举例4、注意1、匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种function double(x)转载 2013-09-13 11:49:47 · 497 阅读 · 0 评论 -
jquery操作滚动条滚动到指定位置
jquery操作滚动条滚动到指定位置$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可以用slow代替 jquery可以通过animate方法来实现动画。其用法:animate(params, [duration], [easing], [callback])转载 2013-09-17 15:52:33 · 1689 阅读 · 0 评论 -
jQuery滚动到页面指定位置
$('html,body').animate({scrollTop:$('#special-car').offset().top},500);原创 2016-04-05 14:30:32 · 680 阅读 · 0 评论