如何改變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(&#39;<script type="text/javascript" src="test.js"><\/script>&#39;);
document.write(&#39;<script type="text/javascript" defer="defer">&#39;);
document.write(&#39;alert(2);&#39;)
document.write(&#39;alert("我是" + tmpStr);&#39;);
document.write(&#39;<\/script>&#39;);
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
alert(3);
//]]>
</script>

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

3、利用Ajax。

因為xmlhttpRequest能判斷外部文件載入的狀態，所以能夠改變程式碼的載入順序。

【推薦學習：javascript高階教學】

#

以上是如何改變Javascript的執行順序的詳細內容。更多資訊請關注PHP中文網其他相關文章！