首頁 > web前端 > js教程 > 怎麼判斷js腳本載入完成_javascript技巧

怎麼判斷js腳本載入完成_javascript技巧

WBOY
發布: 2016-05-16 16:57:49
原創
1367 人瀏覽過

在「按需載入」的需求中,我們常常會判斷當腳本載入完成時,傳回一個回呼函數,那如何去判斷腳本的載入完成呢?

我們可以對載入的 JS 物件使用 onload 來判斷(js.onload),此方法 Firefox2、Firefox3、Safari3.1 、Opera9.6 瀏覽器都能很好的支持,但 IE6、IE7 卻不支援。曲線救國- IE6、IE7 我們可以使用js.onreadystatechange 來追蹤每個狀態變化的情況(一般為loading 、loaded、interactive、complete),當傳回狀態為loaded 或complete 時,則表示載入完成,傳回回呼函數。

對於 readyState 狀態需要一個補充說明:

1.在 interactive 狀態下,使用者可以參與互動。
2.Opera 其實也支援 js.onreadystatechange,但他的狀態和 IE 的有很大差異。

複製程式碼 程式碼如下:

<script> <P>function include_js(file) {<BR>    var _doc = document.getElementsByTagName('head')[0];<BR>    var js = document.createElement('script'); type', 'text/javascript');<BR>    js.setAttribute('src', file);<BR>    _doc.appendChild(js);<BR>     if (!/*@cc_on!@*/0) { //if not IE<P>        //Firefox2、Firefox3、Safari3.1 、Opera9.6 對 unc () {<BR>            alert('Firefox2、Firefox3、Safari3.1 、Opera9.6 support js.onload');<      //IE6、IE7 support js.onreadystatechange<BR>        js.onreadystatechange = function () {<BR>            if (js.readyState 問     alert('IE6、IE7 support js.onreadystatechange') ;<BR>            }<BR>        }<BR>    }<BR> <BR>    return false;<BR>}<BR> <BR><BR>include_js('http://www.planabc.net/wp-includes/js/jquery/jquery.js');</script>


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板