<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="DOMContentLoaded事件" id="card1">
<p> 游客</p><p>
标题:DOMContentLoaded事件<br/>
正文:<br/>
今天查看百度空间源代码，发现多了个util.js文件，打开看看。里面里面定义了addDOMLoadEvent。这是干什么用的？仔细查看代码，发现在Mozilla添加了DOMContentLoaded事件，这个在以前一直没有用过。                    if (document.addEventListener)                        document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, init, false);好久就是为了兼容实现DOMContentLoaded事件。网上找了点有关DOMContentLoaded的资料拿来看看。DOMContentLoaded是firefox下特有的Event, 当所有DOM解析完以后会触发这个事件。    与DOM中的onLoad事件与其相近。但onload要等到所有页面元素加载完成才会触发, 包括页面上的图片等等。    如果页面的图片很多的话, 从用户访问到onload触发可能需要较长的时间, 而在Ajax运用中, 常常需要在onload中加入许多初始化的动作, 如果由于网络问题引起的图片加载过慢( 见: Ajax优化(2) -- lazierLoad img &amp;amp;&amp;amp; js), 则必然影响用户的体验。    在这种情况下firefox的DOMContentLoaded事件, 恰恰是我们需要的。    目前,跨平台的DOMContentLoaded的解决方案有很多, 比如jQuery, Prototype...等等, 其实现原理大同小异.    在项目中, <br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=566&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=566&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=566&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=566&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=566&amp;Page=11">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=566">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=566">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>