怎么改變Javascript的執行順序

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

方法：1、利用onload；2、IE中可以利用deferdefer，把代碼加載下來，并不立即執行，等文檔裝載完畢之后再執行；3、利用Ajax中的xmlhttpRequest，判斷外部文檔加載的狀態。

本教程操作環境：windows7系統、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作用是把代碼加載下來，并不立即執行，等文檔裝載完畢之后再執行，有點類似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能判斷外部文檔加載的狀態，所以能夠改變代碼的加載順序。

到此，關于“怎么改變Javascript的執行順序”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！