摘要： 最常见且最容易发现的额一个bug是IE 6和最低版本中的双外边距浮动bug。这个bug是任何浮动元素上的外边距加倍。 上面代码中，div盒子向左边浮动，设置的margin-left的值是10px。在chrome浏览器，Firefox浏览器中： 在ie6中，距离为20px： 这个bug很容易修复，就是 阅读全文

摘要： 今天在阅读精通CSS的过程中，对外边距的叠加问题产生了好奇，所以这里分享下。 来看一段代码： div的外边距是10px，里面段落的外边距是20px，那么实际显示是什么样的呢？ 使用chrome浏览器和firefox和IE浏览器，都会显示如上图所示的样式。 这里发生了两个情况： 1.段落的20px顶外 阅读全文

摘要： DOM是一个与语言无关的API，它在浏览器中的借口却是用JS来实现的。 浏览器通常会把DOM和JS独立实现. 在IE中，JS的实现名是JScript，位于jscript.dll文件中，DOM实现则是mshtml.dll； Safari中的DOM和渲染则使用webkit中的WebCore来实现，JS则 阅读全文

摘要： 今天我们要谈谈DOM元素的修改（包括修改内容，属性，样式）。修改内容的方法 3种：elem.innerHTML:获取或设置元素开始标签到结束标签之间的原始HTML代码片段；elem.textContent:获取或设置元素开始标签到结束标签之间的纯文本内容 要考虑兼容性问题IE9+;获取表单元素的内容 阅读全文

摘要： 按HTML查找：优点：范围可大可小，可设置条件；包括五种方式：1.按id查找；2.按标签名查找：var elems = parent.getElementsByTagName('');3.按name属性查找：要回传给服务器的元素需要name属性，专门找表单中有name属性的表单元素； 了解即可；4. 阅读全文

摘要： 我们在阅读JS高级程序设计的时候，提到了节点树的概念。比如说： elem.parentNode 找elem的父节点； elem.childNodes 找elem的所有的直接子节点； elem.nextSibling 找elem的下一个同辈节点‘； elem.previousSibling 找elem 阅读全文

摘要： $(document).ready()方法和window.onload方法有相似的功能，但是在执行时间方面是有区别的。window.onload是在网页中所有的元素（包括元素的所有的关联文件）完全加载到浏览器之后才执行，，即JS此时才可以访问到网页中的任何元素。而Jquery中的 $(documen 阅读全文

摘要： 在触发DOM的某个事件上，会产生一个事件对象event，这个对象包含着所有与事件相关的信息。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中，无论指定事件处理程序使用什么方法（DOM0级，DOM2级），都会传入event对象。 event对象包含着与创建它的特定事件 阅读全文

摘要： 事件就是用户或浏览器执行的某种动作。响应某个事件的函数就是事件处理程序。 DOM0级事件处理程序。 使用DOM0级方法指定的事件处理程序被认为是元素的方法。因此这时候的事件处理程序是在元素的作用域中运行的；换句话说，程序中的this引用当前元素。 可以通过this访问元素的任何属性和方法。以这种方式 阅读全文

摘要： JS和HTML的交互是通过事件来实现的。事件就是浏览器窗口或文档中发生的一些特定的交互瞬间。可以使用监听器或处理程序来预定事件，以便事件发生时候执行相应的代码。 1.事件流 事件流描述的是从页面中接受事件的顺序。 ie的事件流叫做事件冒泡（event bubbling）。即开始时由最具体的元素（文档 阅读全文