編寫第一個JavaScript程式

編寫第一個程式

在 HTML 頁面中嵌入 JavaScript 腳本需要使用 <script> 标簽，使用者可以在 <script> 标簽中直接編寫 JavaScript 代碼，具體步驟如下。

第 1 步，建立 HTML 文檔，儲存為 test.html。

第 2 步，在 <head> 标簽内插入一個 <script> 标簽。

第 3 步，為 <script> 标簽設定
type="text/javascript" 屬性。
現代浏覽器預設 <script> 标簽的腳本類型為 JavaScript，是以可以省略 type 屬性；如果考慮到相容早期版本浏覽器，則需要設定 type 屬性。
第 4 步，在 <script> 标簽内輸入 JavaScript 代碼：document.write("<h1>Hi,JavaScript!</h1>")；
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一個JavaScript程式</title>
    <script type="text/javascript">
        document.write("<h1>Hi,JavaScript!</h1>");
    </script>
</head>
<body></body>
</html>
           

建立 JavaScript 檔案

JavaScript 程式不僅可以直接放在 HTML 文檔中，也可以放在 JavaScript 檔案中。

JavaScript 檔案是文本檔案，擴充名為
.js
，使用任何文本編輯器都可以編輯。建立 JavaScript 檔案的步驟如下。

第1步，建立文本檔案，儲存為 test.js。注意，擴充名為
.js
，它表示該文本檔案是 JavaScript 類型的檔案。

第2步，打開 test.js 檔案，在其中編寫如下 JavaScript 代碼。
alert("Hi,JavaScript!");
           
在上面代碼中，alert() 表示 Window 對象的方法，調用該方法将彈出一個提示對話框，顯示參數字元串 "Hi, JavaScript!"。

第3步，儲存 JavaScript 檔案。在此建議把 JavaScript 檔案和網頁檔案放在同一個目錄下。

JavaScript 檔案不能夠獨立運作，需要導入到網頁中，通過浏覽器來執行。使用 <script> 标簽可以導入 JavaScript 檔案。

第4步，建立 HTML 文檔，儲存為 test.html。

第5步，在 <head> 标簽内插入一個 <script> 标簽。定義 src 屬性，設定屬性值為指向外部 JavaScript 檔案的 URL 字元串。代碼如下：
<script type="text/javascript" src="test.js"></script>
           
第6步，儲存網頁文檔，在浏覽器中會彈出 “Hi,JavaScript!”

定義 src 屬性的 <script> 标簽不應再包含 JavaScript 代碼。

如果嵌入了代碼，則隻會下載下傳并執行外部 JavaScript 檔案，嵌入代碼将被忽略。

執行 JavaScript 程式

浏覽器在解析 HTML 文檔時，将根據文檔流從上到下逐行解析和顯示。

JavaScript 代碼也是 HTML 文檔的組成部分，是以 JavaScript 腳本的執行順序也是根據 <script> 标簽的位置來确定的。

示例
使用浏覽器測試下面示例，會看到 JavaScript 代碼從上到下逐漸被解析的過程。
<!DOCTYPE html>
<script>
    alert("頂部腳本");
</script>
<html>
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script>
        alert("頭部腳本");
    </script>
</head>
<body>
    <h1>網頁标題</h1>
    <script>
        alert("頁面腳本");
    </script>
    <p>正文内容</p>
</body>
<script>
    alert("底部腳本");
</script>
</html>
           