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

一、说明

我们往往要通过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");
	});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值