javascript IE中的DOM ready应用技巧


Posted in Javascript onJuly 23, 2008

 如果只需要对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(){  }

Javascript 相关文章推荐
js中关于一个分号的崩溃示例
Nov 11 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 Javascript
Jquery异步提交表单代码分享
Mar 26 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
javascript创建元素和删除元素实例小结
Jun 19 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 #Javascript
用JavaScript实现UrlEncode和UrlDecode的脚本代码
Jul 23 #Javascript
用js遍历 table的脚本
Jul 23 #Javascript
JavaScript 版本自动生成文章摘要
Jul 23 #Javascript
javascript 支持ie和firefox杰奇翻页函数
Jul 22 #Javascript
IE8 引入跨站数据获取功能说明
Jul 22 #Javascript
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 #Javascript
You might like
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
php调用c接口无错版介绍
2014/03/11 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
JS学习笔记之数组去重实现方法小结
2019/05/29 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
使用Python对Access读写操作
2017/03/30 Python
Python正则捕获操作示例
2017/08/19 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
python 实现矩阵填充0的例子
2019/11/29 Python
python模拟实现斗地主发牌
2020/01/07 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
如何提高JDBC的性能
2013/04/30 面试题
Unix/Linux开发面试题
2016/08/16 面试题
最新销售员个人自荐信
2013/09/21 职场文书
环境工程专业个人求职信
2013/12/05 职场文书
精彩的英文自荐信
2014/01/30 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang
数据库之SQL技巧整理案例
2021/07/07 SQL Server
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python