摘要： 1、clientWidth clientHeight 元素的可视部分的宽度和高度（也就是CSS的width加padding）。它们不把边框和滚动条计算在内，也不包括任何可能的滚动。 若CSS中没有指定元素的高度和宽度(即自适应)，则IE中显示0，而非IE浏览器则显示实际的值2、 offsetWidth offsetHeight 元素在页面中占据的宽度和高度的总计。它们和前一对属性的区别在于它们把元素的边框和滚动条计算在内。 若CSS中没有指定元素的高度和宽度(即自适应)，所有浏览器都会显示实际的值包括width + padding + border3、 scrollWidth scrollHe 阅读全文

摘要： 在学习offset的相关属性前，必须明确指出offsetHeight/Width、offsetTop/offsetLeft等返回的都是只读的并且以数字的形式返回像素值（例如，返回12，而不是'12px'）。定位父元素：指在CSS中某一元素domElement[position:relative/absolute] 所相对定位的元素。1、offsetParent　　 对于offsetParent来讲，最重要的是能够知道 domElement.offsetParent 指向的是哪个元素。然而对于这一点不同的浏览器之间有一些微妙的差异。　　 a、domElement设置了position:relat 阅读全文

摘要： 上篇文章讲到了事件绑定的3中常用方法：传统绑定、W3C绑定方法、IE绑定方法。但是，在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法，一下是比较知名的几种方法：在开始学期下面几种方法之前，应当讨论一下，一个好的addEvent()方法应当达到哪些要求：　　 a、支持同一元素的同一事件句柄可以绑定多个监听函数；　　 b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略；　　 c、函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）；　　 d、监听函数的执行顺序应当是按照绑定的 阅读全文

摘要： 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多的Bug。各种浏览器对于事件绑定都提供了很多方法，但可靠的只有3中：1、传统的绑定方法：[代码]　　 a、传统的绑定方法，非常简单稳定，函数体内的this指向的也是指向正在处理事件的节点（如当前正在运行事件句柄的节点）。　　 b、一个元素的一个事件句柄只能注册一个函数，如果重复注册，会产生覆盖；而且，传统绑定方法只会在事件冒泡中运行。2、W3C标准绑定方法：[代码]　　 a、这种绑定方法同时支持时间处理的捕获和冒泡两个阶段；同一元素的同一事件句柄可以注册多个监听函数；而且，监听函数内部this指向当前元素。 阅读全文

摘要： 在编写JavaScript程序时往往需要检测某一变量是否存在，这是一件非常简单的工作，但如果不细心也会遇到一些问题。主要有一些几点：1、普通变量[代码]这时会出现‘variable is not defined’的错误，如果改成下面就会弹出预期的对话框：[代码]2、 对象的属性[代码]对于检测对象的属性则不必使用 typeof 。3、在给对象添加属性时，也会遇到类似的问题。[代码] 阅读全文

摘要： While it's pretty obvious that you can have timer delays of seconds, minutes, hours - or whatever large interval you desire - what isn't obvious is the smallest timer delay that you can choose.At a certain point a browser is simply incapable of providing a fine-enough resolution on the timers in ord 阅读全文

摘要： 最近在写JavaScript时遇到一些问题，就是当JavaScript多事件连续触发，JavaScript的单线程引擎是如何控制的。找了一些资料，觉得很有用，在此分享一下。虽然不是原创，但是觉得此文章对JavaScript程序员非常有用。翻译的不是十分精确，但希望对大家有用。原文：John Resig http://ejohn.org/blog/how-javascript-timers-work/How JavaScript Timers Work从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎 阅读全文

摘要：      1、利用生成内容清理浮动，适用于 IE8(标准模式) 和 非IE浏览器；      2、通过激发IE中的hasLayout属性 for IE8(Quirks)模式和IE6\7浏览器。 阅读全文

摘要： 当你使用clear(left & both & right)清理一个浮动元素时，该元素的margin-top会被重置为0。所以为了创建浮动列，并使用footer进行浮动清理时，必须对浮动列（sidebar && content）都指定margin-bottom,最好margin-bottom相同。（Firefox会将margin-top重置0，而IE不重置footer的margin-top）。例如：分别在Firefox和IE中运行一下代码，仔细读者会发现页脚（footer）的margin-top在火狐中并没有显示，而在IE中却出现了10像素的上边距。 HTML代码bodydivid="w 阅读全文