网络编程
位置:首页>> 网络编程>> JavaScript>> IE里模拟DOMContentLoaded事件

IE里模拟DOMContentLoaded事件

作者:Rank 来源:never-online weblog 发布时间:2008-08-05 17:12:00 

标签:DOM,ie,事件,javascript

也许还有朋友不太清楚DOMContentLoaded这个事件。简单的说,这个事件就是要在大多数情况下去替代window.onload事件,因为window.onload事件必须要等待页面所有元素的资源都下载完毕时才触发。

这个事件实际是上w3c推荐的标准事件,这个事件是在DOM树建成的时候触发,因此要比onload事件快很多。ff, opera高版本已经支持了该事件。而IE在IE8里依然没有想加这个事件的意思,为了实现IE与w3c的兼容,我们是有必要为IE做一件“好事”的。

一般是两种方法。

  • 一种是创建空script标签,属性拥有defer,然后待onreadystatechange为complete时激发DOMContentLoaded

  • 一种是通过调用doScroll('left')的原理去判断DOMContentLoaded

第一种方法


看上去应该没有什么问题了。但实际在使用当中还是遇到不少的问题,主要是协议,还有iframe。https协议需要单独判断。
iframe的问题在Jerry使用的时候发现比较大的问题,比如

它会在iframe加载完毕的时候才触发事件,显然不是我们所需要的。

也因为如此,我们现在很流行第二种方案:用doScroll方法。这主要是利用doScroll是是DOM树形成之后才可以操作。

以前听同事提过在YUI里有两种ready事件,一种是DOMContentLoaded,一种是ElementReady。还没有详细的去看代码,有兴趣的朋友也可看一下。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com