[f]动态判断js加载完成
在正常的加載過(guò)程中，js文件的加載是同步的，也就是說(shuō)在js加載的過(guò)程中，瀏覽器會(huì)阻塞接下來(lái)的內(nèi)容的解析。這時(shí)候，動(dòng)態(tài)加載便顯得尤為重要了，由于它是異步加載，因此，它可以在后臺(tái)自動(dòng)下載，并不會(huì)妨礙其它內(nèi)容的正常解析，由此，便可以提高頁(yè)面首次加載的速度。
那么，既然js是異步加載，我們又該如何判斷它是否加載完成呢？
?
在IE或一些基于IE內(nèi)核的瀏覽器中（如Maxthon）,它是通過(guò)script節(jié)點(diǎn)的readystatechange方法來(lái)判斷的，而其它的一些瀏覽器中，往往是通過(guò)load事件來(lái)決定的，如下代碼：
function include_js(file) {var _doc = document.getElementsByTagName('head')[0];var js = document.createElement('script');js.setAttribute('type', 'text/javascript');js.setAttribute('src', file);if (document.all) { js.onreadystatechange = function() { if (js.readyState == 'loaded' || js.readyState == 'complete') { alert('IE6、IE7 support js.onreadystatechange'); } } } else { js.onload = function() { alert('Firefox、chrome and others support js.onload'); } } } include_js('http://static2.baihe.com/js/finallyBaiheHead.js?time=20141120');
?
我們把該方法添加到body的load事件中，<body οnlοad='dynamicLoad()'>，運(yùn)行，會(huì)發(fā)現(xiàn)IE或Maxthon中，會(huì)彈出‘done’對(duì)話框，但是firefox或chrome中卻完全沒(méi)有反應(yīng)，why?
這是因?yàn)?#xff0c;如果script節(jié)點(diǎn)沒(méi)有添加到DOM樹(shù)中，那么在chrome和firefox中是不會(huì)響應(yīng)script的load事件的。但是IE中卻可以。。修改后如下代碼：
function include_js(file) {var _doc = document.getElementsByTagName('head')[0];var js = document.createElement('script');js.setAttribute('type', 'text/javascript');js.setAttribute('src', file);_doc.appendChild(js);if (document.all) {js.onreadystatechange = function() {if (js.readyState == 'loaded' || js.readyState == 'complete') {alert('IE6、IE7 support js.onreadystatechange');}}} else {js.onload = function() {alert('Firefox、chrome and others support js.onload');}} } include_js('http://static2.baihe.com/js/finallyBaiheHead.js?time=20141120');?
轉(zhuǎn)載于:https://www.cnblogs.com/niubenbit/p/4110717.html
總結(jié)
以上是生活随笔為你收集整理的[f]动态判断js加载完成的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： windows 2008R2 无法安装操
- 下一篇： Js时间戳转为日期格式