JavaScript
jQuery.ready
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区Ready是否好用。谢谢
(function () {
window.Auto = {};
var readyBound = false,
readyList = [],
DOMContentLoaded
Auto = {
isReady: false,
_Ready: function () {
if (!Auto.isReady) {
if (!document.body) {
return setTimeout(Auto._Ready, 1);
}
Auto.isReady = true;
if (readyList) {
var fn, i = 0;
while ((fn = readyList[i++])) {
fn.call(document, Auto);
}
readyList = null;
}
}
},
bindReady: function () {
if (readyBound) return;
readyBound = true;
if (document.readyState === "complete") {
return Auto._Ready();
}
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", DOMContentLoaded, false);
window.addEventListener("load", Auto._Ready, false);
} else if (document.attachEvent) {
document.attachEvent("onreadystatechange", DOMContentLoaded);
window.attachEvent("onload", Auto._Ready);
var toplevel = false;
try {
toplevel = window.frameElement == null;
} catch (e) { }
if (document.documentElement.doScroll && toplevel) {
if (Auto.isReady) return;
try {
document.documentElement.doScroll("left");
} catch (error) {
setTimeout(doScrollCheck, 1);
return;
}
Auto._Ready();
}
}
},
ready: function (fn) {
Auto.bindReady();
if (Auto.isReady) {
fn.call(document, Auto);
} else if (readyList) {
readyList.push(fn);
}
return this;
}
};
if (document.addEventListener) {
DOMContentLoaded = function () {
document.removeEventListener("DOMContentLoaded", DOMContentLoaded, false);
Auto._Ready();
};
} else if (document.attachEvent) {
DOMContentLoaded = function () {
if (document.readyState === "complete") {
document.detachEvent("onreadystatechange", DOMContentLoaded);
Auto._Ready();
}
};
}
function doScrollCheck() {
if (Auto.isReady) return;
try {
document.documentElement.doScroll("left");
} catch (error) {
setTimeout(doScrollCheck, 1);
return;
}
Auto._Ready();
}
})();
Auto.ready(function () { alert(1); });
Auto.ready(function () { alert(2); });
Auto.ready(function () { alert(3); });
Auto.ready(function () { alert(4); });
相关推荐
jQuery的ready方法详解
jQuery中的ready方法实现了当页面加载完成后才执行的效果，但他并不是[removed]或者doucment.onload的封装，而是使用 标准W3C浏览器DOM隐藏api和IE浏览器缺陷来完成的，首先，我们来看jQuery的代码 代码如下: DOMContentLoaded = function() { //取消事件监听，执行ready方法 if ( document.addEventListener ) { document.removeEventListener( “DOMContentLoaded”,
jQuery中ready事件用法实例
本文实例讲述了jQuery中ready事件用法。分享给大家供大家参考。具体分析如下： 此事件会在文档加载就绪以后触发，也就是当DOM对象已经加载，并且网页内容全部呈现时候触发。 ready()方法可以为ready事件绑定事件处理方法，并且此方法的选择器是唯一的，那就是document对象。 语法形式有三种，后两种是第一种的简写。 语法结构: 语法一： 代码如下:$(document).ready(function) 语法二： 代码如下:$().ready(function) 语法三： 代码如下:$(function) 参数列表: 参数 描述 function 定义当文档加载完成后要运行的
JQuery的ready函数与JS的onload的区别详解
JQuery的ready函数与JS的onload的区别：1.执行时间[removed]必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同[removed]不能同时编写多个，如果有多个[removed]方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行 3.简化写法[removed]没有简化写法$(document).ready(function(){})可以简写成$(function(){}); 例子： 代码如下:<
jQuery ready()和onload的加载耗时分析
主要介绍了jQuery ready()和onload的加载耗时,结合实例形式对比分析了jQuery中的ready()和JavaScript的[removed]进行页面加载的时间,需要的朋友可以参考下
详解Jquery实现ready和bind事件
主要为大家详细介绍了Jquery实现ready和bind事件的相关资料，感兴趣的小伙伴们可以参考一下
