JavaScript/第一個程式

介紹

放置程式碼

介紹

放置程式碼

以下是一個簡單的 JavaScript 語句，它會建立一個彈出對話方塊，顯示“Hello World！”。

alert("Hello World!");

為了讓瀏覽器執行該語句，它必須放在 HTML 的<script>元素內。該元素描述了 HTML 程式碼中包含可執行程式碼的部分。稍後會詳細介紹。

<script>
  alert("Hello World!");
</script>

<script>元素應該巢狀在 HTML 文件的<head>元素內。假設頁面在一個啟用了 JavaScript 的瀏覽器中檢視，瀏覽器將在頁面載入時執行（執行）該語句。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Some Page</title>
    <script>
      alert("Hello World!");
    </script>
  </head>
  <body>
    <p>The content of the web page.</p>
  </body>
</html>

這個基本的“Hello World”程式可以作為你建立任何新程式的起點。

練習

1. 複製並貼上基本程式到一個檔案中，並將其儲存在你的硬碟上，檔名命名為 'exercise_1-1.html'。你可以用不同的方式執行它

透過使用檔案管理器找到檔案並使用網頁瀏覽器開啟它。
透過啟動你的瀏覽器，然後從選單中開啟檔案。
透過啟動你的瀏覽器，然後使用 file 協議指定 'exercise_1-1.html' 的 URL。請注意 a) 在 'file:' 之後有 3 個斜槓，b) 用你的目錄名替換 'temp'。
- Windows: file:///C:/temp/exercise_1-1.html（這是 Windows 語法，但是使用斜槓而不是 反斜槓）
- Linux: file:///temp/exercise_1-1.html

發生了什麼？

點選檢視解決方案

A dialog appears with the text: Hello World!

2. 將上面的檔案儲存為 'exercise_1-2.html'。將 alert("Hello World!"); 中的雙引號替換成單引號，使其變成 alert('Hello World!'); 並儲存結果。如果你在瀏覽器中開啟這個檔案，會發生什麼？

點選檢視解決方案

Nothing changes. A dialog appears with the text: Hello World! Double quotes and single quotes (apostrophes) are equivalents in JS.