摘要：
1、cursor:hand & cursor:pointer都是将鼠标设置为手形。2、cursor:hand存在兼容性问题，firefox并不支持该属性值。但大部分主流浏览器支持cursor:pointer。因此在设置手形鼠标时使用pointer值。 阅读全文
posted @ 2013-10-07 19:21
charling
阅读(198)
评论(0)
推荐(0)
摘要：
属性选择器1、$("div[class|='test']")可以选择 class为test的div 和 class以“test-”开头的div。2、$("div[class*='test']")可以选择class中包含“test”的所有div。3、$("div[class$='test']")可以选择class以“test”结尾的div。4、$("div[class='test']")可以选择class是“test”的div。5、$("div 阅读全文
posted @ 2013-10-07 18:57
charling
阅读(269)
评论(0)
推荐(0)
摘要：
$("someElement").on("keydown", function(event){ var key = event.which; if(key == 13){ e.preventDefault(); doSomething(); }});IE使用event对象的keyCode属性储存被按下的键。而其它浏览器使用event的which属性。jquery封装后，统一使用which属性 阅读全文
posted @ 2013-10-07 18:30
charling
阅读(405)
评论(0)
推荐(0)
摘要：
1、getOwnPropertyNames方法可以获得对象的所有属性名，并储存于一个数组当中。 keys方法只能获取可遍历的属性名并储存于数组。2、在完成notepad模块模拟的过程中使用了getOwnPropertyNames方法，在IE8中报错， 查阅资料发现getOwnPropertyNames和keys方法都属于ES5标准实现的方法，因此很多浏览器没有实现这两个方法。还无法在程序中使用。 阅读全文
posted @ 2013-10-07 17:48
charling
阅读(714)
评论(0)
推荐(0)
摘要：
当input的value被修改时，在没有失去焦点的情况下，无法触发change事件，但是可以触发propertychange事件。但是propertychange事件存在兼容性问题：IE9以下支持propertychangeIE9及以上、chrome、firefox支持input事件。因此，在判断input是否内容改变时，需要绑定propertychange和input事件$("input").on("propertychange input", function(){}); 阅读全文
posted @ 2013-10-07 17:39
charling
阅读(2329)
评论(0)
推荐(0)
摘要：
1、document表示的是一个文档对象，window表示的是一个窗口对象，一个窗口下可以有多个文档对象。 所以一个窗口下只有一个window.location.href，但是可能有多个document.URL、document.location.href2、window.location.href和document.location.href可以被赋值，然后跳转到其它页面，document.URL只能读不能写 阅读全文
posted @ 2013-10-07 14:57
charling
阅读(31060)
评论(0)
推荐(3)
摘要：
1、str = "a" + "b" + "c";2、str = "a"; str += "b"; str += "c";3、str = ["a", "b", "c"].join("");4、str = "a"; str = str.concat("b", "c"); 阅读全文
posted @ 2013-10-07 14:19
charling
阅读(751)
评论(0)
推荐(0)
摘要：
1、var num = 1;function test(){ var num = 2; eval("num = 3"); return num;}alert(test()); //3alert(num); //12、function alertTest(){ alert(1);}function test(){ function alertTest(){ alert(2); } setTimeout("alertTest()",100);}test();只有当eval被直接调用时才会在局部环境中执行，其它情况eval都是在全局环境下执行尽量不要使用eva 阅读全文
posted @ 2013-10-06 23:33
charling
阅读(227)
评论(0)
推荐(0)
摘要：
造成DOM操作性能差的原因：1、DOM操作的实现和ECMAscript的实现是两个独立的部分，之间通过接口来完成相应的DOM操作。2、实时查询文档得到HTML集合，重复执行查询操作。特别是length属性，每次读取length属性都要查询文档，得到最新的length值。3、DOM操作可能影响页面的重绘和重排版 阅读全文
posted @ 2013-10-06 20:53
charling
阅读(266)
评论(0)
推荐(0)
摘要：
1、在局部变量中缓存多次使用到的全局变量，因为全局变量在作用域链中的最后一环。 function test(){ var doc = window.document; }2、尽量少的使用嵌套对象，使用局部变量缓存对此访问的对象成员，尽量减少.号。3、尽量不要使用with操作符4、局部变量的访问速度要远快于数组和对象，在数据的存储过程中，尽量使用局部变量。5、一定要使用局部变量缓存DOM集合中length的值6、将改变css的操作合并在一起执行（多次执行可能造成页面的多次重绘和重排）7、查询布局信息如偏移量、元素位置等信息时，浏览器会刷新队列别执行所有的修改操作以获取最新的数值，所以要... 阅读全文
posted @ 2013-10-06 17:48
charling
阅读(218)
评论(0)
推荐(0)
浙公网安备 33010602011771号