jQuery文档处理程序的优势

jQuery文档处理程序的优势

如果脚本需要在页面加载时执行，那么大部分的脚本都可以放在$(document).ready()事件中。

在举例jQuery文档处理程序的优势之前，先看一个常见的javascript编程错误：dom未加载完成即改变dom模型。

在传统的javascript编程中。有时会在页面的头部或者底部直接插入script模块并编写代码，比如下面的例子：

        

        

此例子在所有的浏览器都运行良好，但是存在隐患。因为在页面加载时，就在divMsg容器中添加了一个新的div对象，也就是添加了一个dom对象，当网速变慢或者页面很大需要一定的加载时间，会出现“中止操作”的错误。

这个错误甚至曾经在Google首页、淘宝等知名网站上都出现过，因为此错误很难在测试时候发现。

所以做web开发是要记住一条真理：永远不要再dom加载时修改dom结构。

如果需要在页面加载时修改dom结构，原始的做法是通过window.onload和body.onload事件实现，比如针对上面的错误例子，可以修改为：

具体的实现方式还有很多，应用window.onload和body.onload是因为这两个事件都是在dom加载完成并且所有页面资源加载完成后才执行的，这是最简单的做法。或者根据“document.readyState”判断dom的状态，如果是“complete”则进行某些操作，jQuery的文档处理程序$(document).ready内部正是使用的此原理。