【原創】Javascript在html中的執行順序
阿新 • • 發佈：2019-02-19
換了新的工作，需要接觸Javascript了。以前總是寫php的程式碼，對Javascript還是很不熟悉的。今天在寫程式碼的時候，發現一個問題：Javascript在html中的執行順序，特來總結一下。 下面是一段Javascript程式碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
無標題 3</title>
alert("1-最先執行");
</script>
</head>
<body onload="alert('3-最後執行');">
alert("2-接著執行");
</script>
</body>
</html> 這段js程式碼的執行順序是怎樣的呢？下面是執行結果：1-最先執行2-接著執行3-最後執行開始感覺很奇怪，不過後來仔細想想也是很正常的。頁面上的Javascript程式碼是HTML文件的一部分，所以Javascript在頁面裝載時執行的順序就是其引入標記<script>的出現順序， <script>標記裡面的或者通過src引入的外部JS，都是按照其語句出現的順序執行，而且執行過程是文件裝載的一部分。 body的onload屬性要執行的js程式碼應該等待外部的DOM樹構造完成後，才能開始執行。這樣可以保證程式碼的正確性。例如onload屬性要呼叫某個外部
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
無標題 3</title>
alert("1-最先執行");
</script>
</head>
<body onload="alert('3-最後執行');">
alert("2-接著執行");
</script>
</body>
</html> 這段js程式碼的執行順序是怎樣的呢？下面是執行結果：1-最先執行2-接著執行3-最後執行開始感覺很奇怪，不過後來仔細想想也是很正常的。頁面上的Javascript程式碼是HTML文件的一部分，所以Javascript在頁面裝載時執行的順序就是其引入標記<script>的出現順序， <script>標記裡面的或者通過src引入的外部JS，都是按照其語句出現的順序執行，而且執行過程是文件裝載的一部分。 body的onload屬性要執行的js程式碼應該等待外部的DOM樹構造完成後，才能開始執行。這樣可以保證程式碼的正確性。例如onload屬性要呼叫某個外部