JS兼容所有浏览器的DOMContentLoaded事件②

更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/

　　一.代码注释:

　　(1).eventQueue = []，声明一个空数组，用来要执行的函数队列。

　　(2).isReady = false，声明一个变量并赋初值为false，如果为true则表示dom已经加载完毕。

　　(3).isBind = false，声明一个变量并赋初值为false，如果为true，则表示时间处理函数绑定完毕。

　　(4).function domReady(fn){}，此函数实现了等dom加载完毕再去执行fn函数的功能。

　　(5).if(isReady){fn.call(window);}，如果变量值为true，则直接执行函数。

　　(6).else{eventQueue.push(fn);}，将要执行的函数加入数组中。

　　(7).bindReady()，此函数可以实现注册事件处理函数。

　　(8).if(isReady) return，如果等于true，直接跳出函数，这个时候fn函数已经被执行。

　　(9).if(isBind) return，如果已经注册的话，同样无需进行第二次。

　　(10).isBind=true，将变量的值修改为true。

　　(11).if(window.addEventListener)

{document.addEventListener('DOMContentLoaded',execFn,false);}，如果是标准浏览器则使用addEventListener注册事件处理函数。

　　(12).else if(window.attachEvent){doScroll();}，如果IE8及IE8以下浏览器，调用doScroll方法实现此效果。

　　(13).function doScroll(){}，此函数可以使用利用定时器函数不断的调用doScroll()函数，如果报错，则继续调用，否则的话，也就是dom结构加载完毕，于是就执行相关函数。

　　(14).function execFn(){}，此函数可以从数组中取出要执行的函数，然后执行，并最后将数组清空。

    金顺软件园小编推荐：

    使用JS获取SessionStorage的值

    js 索引下标之li集合绑定点击事件

以上，就是金顺软件园小编给大家带来的JS兼容所有浏览器的DOMContentLoaded事件②全部内容，希望对大家有所帮助！