比Jquery的document.ready更快的方法

 更新时间:2010年04月28日 19:31:13   作者:  
这个是上次在博客园看到的一篇文章,经测试,确实比jquery的$(document).ready(function(){....})更快,并且在ie和火狐等主流浏览器上都没问题
这个是上次在博客园看到的一篇文章,经测试,确实比jquery的$(document).ready(function(){....})更快,并且在ie和火狐等主流浏览器上都没问题,

忘了原创是谁了,如果主人看到可以联系我, 我会立刻加上原文出处的,敬请见谅。

复制代码 代码如下:

var jb51 =new function() {
dom = [];
dom.isReady = false;
dom.isFunction = function(obj) {
return Object.prototype.toString.call(obj) === "[object Function]";
}
dom.Ready = function(fn) {
dom.initReady();
//如果没有建成DOM树,则走第二步,存储起来一起杀
if (dom.isFunction(fn)) {
if (dom.isReady) {
fn();
//如果已经建成DOM,则来一个杀一个
} else {
dom.push(fn);
//存储加载事件
}
}
}
dom.fireReady = function() {
if (dom.isReady) return;
dom.isReady = true;
for (var i = 0, n = dom.length; i < n; i++) {
var fn = dom[i];
fn();
}
dom.length = 0;
//清空事件
}
dom.initReady = function() {
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded",
function() {
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
//清除加载函数
dom.fireReady();
},
false);
} else {
if (document.getElementById) {
document.write("<script id=\"ie-domReady\" defer='defer'src=\"//:\"><\/script>");
document.getElementById("ie-domReady").onreadystatechange = function() {
if (this.readyState === "complete") {
dom.fireReady();
this.onreadystatechange = null;
this.parentNode.removeChild(this)
}
};
}
}
}
}

相关文章

  • jquery实现手机发送验证码的倒计时代码

    jquery实现手机发送验证码的倒计时代码

    这篇文章主要介绍了jquery实现手机发送验证码的倒计时代码,需要的朋友可以参考下
    2014-02-02
  • jQuery实现动态添加和删除input框代码实例

    jQuery实现动态添加和删除input框代码实例

    这篇文章主要介绍了jQuery实现动态添加和删除input框,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • jquery+html仿翻页相册功能

    jquery+html仿翻页相册功能

    这篇文章主要为大家详细介绍了jquery+html仿翻页相册功能,前端实现的相册模仿功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • jQuery 遍历函数详解

    jQuery 遍历函数详解

    文章介绍了几个在jQuery中非常有用的遍历函数,遍历函数是做么的方便。当在它们一起使用时,它们将更加强大。也就是说,一个函数的输出是另一个函数的输入,它们是链式的。下面我们就来详细探讨下吧。
    2015-07-07
  • jQuery实现表格行数据滚动效果

    jQuery实现表格行数据滚动效果

    这篇文章主要为大家详细介绍了jQuery实现表格行数据滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 概述jQuery的元素筛选

    概述jQuery的元素筛选

    这篇文章主要介绍了jQuery的元素筛选,并举例进行说明,希望对大家有所帮助
    2016-11-11
  • 浅析jquery某一元素重复绑定的问题

    浅析jquery某一元素重复绑定的问题

    本篇文章主要是对jquery某一元素重复绑定的问题进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • jQuery 文本框模拟下拉列表效果

    jQuery 文本框模拟下拉列表效果

    学校作业的问题,就在网搜了一下,找不到文本框模拟的(可能本人RP问题),看到的都是用div的,结果就自己弄了一个,主要就是改变背景图片的位置,让div的位置放到文本框上面,没什么其它的东西,呵呵,见笑了
    2010-02-02
  • jQuery中appendTo()方法用法实例

    jQuery中appendTo()方法用法实例

    这篇文章主要介绍了jQuery中appendTo()方法用法,实例分析了appendTo()方法的功能、定义及把匹配的元素插入指定元素结尾的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

    这篇文章主要介绍了jQuery 1.9.1源码分析系列(十四)之常用jQuery工具的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论