首頁 > web前端 > js教程 > 淺談JavaScript 的執行順序_javascript技巧

淺談JavaScript 的執行順序_javascript技巧

WBOY
發布: 2016-05-16 15:46:29
原創
1120 人瀏覽過

雖然現代瀏覽器可以並行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關係,他們的執行依然是按照引入順序進行的。

這篇文章記錄本人在學習 JavaScript 中看書理解到的一些東西,加深記憶和並且整理記錄下來,方便之後的複習。

在 html 文件中的執行順序

js程式碼執行順序比較的形象,使用者可以直覺的感受這種執行順序。但是,js程式碼的執行順序是比較複雜的。有時候我們會把js程式碼寫在html裡面,html文檔在瀏覽器中解析的過程是這樣:瀏覽器依照文件流從上到下逐步解析頁面結構和資訊。 js程式碼作為嵌入的腳本也算做html文檔的組成部分,因此,js程式碼在裝載時的執行順序也是根據腳本標籤<script>的出現來順序來決定。 (下面一個栗子)</script>

<!DOCTYPE html>
<script>
  console.log("顶部脚本");
</script>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    console.log("头部脚本");
  </script>
</head>
<body>
  <script>
    console.log("页面脚本");
  </script>
</body>
</html>
<script>
  console.log("底部脚本");
</script>
登入後複製

還有對於透過腳本標籤

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板