---
# System prepended metadata

title: JavaScript 在 HTML 檔案中正確的位置
tags: [JavaScript - 學徒篇]

---

# JavaScript 在 HTML 檔案中正確的位置

- 由下列程式碼可以得知:

  HTML，我們會先取得 head to head 之間的資訊，而網頁會先載入並渲染 CSS，最後才是執行 JavaScript。

```
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="name">
        123
    </div>
    <script src="js/all.js"></script>
</body>

```

---

- 故 JS 檔案在撰寫時請務必放置 body 結尾之前。

###### tags: `JavaScript - 學徒篇`