原生js实现jquery ready方法

Posted Px. T

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js实现jquery ready方法相关的知识,希望对你有一定的参考价值。

function ready(fn){
if(document.addEventListener) {
document.addEventListener(‘DOMContentLoaded‘, function() {
//注销事件, 避免反复触发
document.removeEventListener(‘DOMContentLoaded‘,arguments.callee, false);
fn(); //执行函数
}, false);
}else if(document.attachEvent) { //IE
document.attachEvent(‘onreadystatechange‘, function() {
if(document.readyState == ‘complete‘) {
document.detachEvent(‘onreadystatechange‘, arguments.callee);
fn(); //函数执行
}
});
}
};

 

以上是关于原生js实现jquery ready方法的主要内容,如果未能解决你的问题,请参考以下文章

原生JS实现jquery的ready

jQuery学习— jQuery的ready事件和原生JS的load事件的区别

原生js如何绑定a连接点击事件?

几个有用的JavaScript/jQuery代码片段(转)

jQuery事件详解之$(document).ready()

生JS实现jQuery的ready方法呢?下面是其中之一的做法: