作家
登录

javascript IE中的DOM ready应用技巧

作者: 来源:www.28hudong.com 2013-03-30 03:00:24 阅读 我要评论

如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了。我们需要更快的方法。 Firefox有DOMContentLoaded事件可以轻松解决,可惜的就是IE没有。 MSDN关于JSCRIPT的一个方法有段不起眼的话,当页面DOM未加载完成时,调用doScroll方法时,会产生异常。那么我们反过来用,如果不异常,那么就是页面DOM加载完毕了!复制代码 代码如下:function IEContentLoaded (w, fn) { var d = w.document, done = false, // only fire once init = function () { if (!done) { done = true; fn(); } }; // polling for no errors (function () { try { // throws errors until after ondocumentready d.documentElement.doScroll('left'); } catch (e) { setTimeout(arguments.callee, 50); return; } // no errors, fire init(); })(); // trying to always fire before onload d.onreadystatechange = function() { if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } }; }这个函数是Diego Perini在07年就发布了这个方法, 而且获得了广泛认同,以至于现在许多开源框架都是借鉴这种方法,譬如JQuery中的ready。 如果以后需要用到IE的DomReady,就是他了。 用法: IEContentLoaded( document.getElementById("test") , test ); function test(){ }

  推荐阅读

  兼容多浏览器的字幕特效Marquee的通用js类

Marquee.js 参数说明: demo 字幕区域标签(div)的ID; demo1/demo2 显示内容标签(div或td)的ID demo1为原始内容,demo2是它的拷贝; direction 字幕方向(up,down,left,right) ; delay 字幕播放的延迟时间(毫>>>详细阅读


本文标题:javascript IE中的DOM ready应用技巧

地址:http://www.17bianji.com/kaifa2/JS/29525.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)