溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么改變Javascript的執(zhí)行順序

發(fā)布時間:2021-07-20 15:13:12 來源:億速云 閱讀:347 作者:chen 欄目:web開發(fā)

這篇文章主要介紹“怎么改變Javascript的執(zhí)行順序”,在日常操作中,相信很多人在怎么改變Javascript的執(zhí)行順序問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么改變Javascript的執(zhí)行順序”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

方法:1、利用onload;2、IE中可以利用deferdefer,把代碼加載下來,并不立即執(zhí)行,等文檔裝載完畢之后再執(zhí)行;3、利用Ajax中的xmlhttpRequest,判斷外部文檔加載的狀態(tài)。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

1、利用onload

<script type="text/javascript">
//<![CDATA[
window.onload = f;
function f(){alert(1);}
alert(2);
//]]>
</script>

輸出值順序是 2、1。

需要注意的是,如果存在多個winodws.onload的話,只有最有一個生效,解決這個辦法是:

window.onload = function(){f();f1();f2();.....}

利用2級DOM事件類型

if(document.addEventListener){
window.addEventListener('load',f,false);
window.addEventListener('load',f1,false);
...
}else{
window.attachEvent('onload',f);
window.attachEvent('onload',f1);
...
}

2、IE中可以利用deferdefer作用是把代碼加載下來,并不立即執(zhí)行,等文檔裝載完畢之后再執(zhí)行,有點類似onload,但是沒有onload那樣的局限性,可以重復使用,但是只在IE中有效,所以上面的例子可以修改成為

<script type="text/javascript">
//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\/script>');
document.write('<script type="text/javascript" defer="defer">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\/script>');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
alert(3);
//]]>
</script>

這樣IE就不報錯了,輸出值的順序變成:1、3、2、我是1

3、利用Ajax。

因為xmlhttpRequest能判斷外部文檔加載的狀態(tài),所以能夠改變代碼的加載順序。

到此,關于“怎么改變Javascript的執(zhí)行順序”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注億速云網站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI