您的位置:首页 > Web前端 > JQuery

使用JS实现JQuery的document.ready功能

2013-09-02 14:48 736 查看

一、说明

我们往往要通过js对页面做一些默认设置,如果使用jquery框架,使用其ready方法很容易,以下是使用纯js模拟的一个ready方法。

此程序为其他博主的作品,我只是在实现基础上做了一点点修改而已,原出处http://qinglangee.iteye.com/blog/761303

二、程序代码

(function() {
var ie = !!(window.attachEvent && !window.opera);
//alert(navigator.userAgent);
document.ready = function(rbFun) {
//如果支持document.addEventListener方法
//chrome/IE9/Firefox/safari
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', rbFun, false);
return;
//如果支持d.documentElement.doScroll
//IE8及其以下版本
} else if (document.documentElement.doScroll) {
(function() {
try {
document.documentElement.doScroll('left');
rbFun();
} catch (err) {
setTimeout(arguments.callee, 0);
}
})();
//如果支持setInterval && clearInterval
} else if (setInterval && clearInterval) {
var t = setInterval(function() {
if (/^(loaded|complete)$/.test(document.readyState)) {
clearInterval(t);
rbFun();
}
}, 0);
} else {
//不支持的浏览器版本
}

};
})();
document.ready(function() {
alert("ready");
});
document.ready(function() {
alert("ready1");
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息