JavaScript/Hello World!

本章在基於HTML5的標準上進行敘述。

以下是一條JavaScript語句，它會彈出一個對話框並顯示"Hello World!"（您可以使用「JavaScript控制台」運行這條語句）：

alert("Hello World!");

或者

console.log("Hello World!");

要讓瀏覽器執行這些語句，它們必須被放置在一對 <script> 標籤內。這個標籤標記了HTML的哪個部分是可以被執行的，詳細的內容會在稍後展開。HTML中的JavaScript代碼在 <script> 標籤外部是無法運行的。

<script type="text/javascript">
  alert("Hello World!");
</script>

<script> 應放置在一個HTMl文檔的 <head> 標籤內。在開啟了 JavaScript 的瀏覽器中，打開並載入頁面的同時，瀏覽器會執行這些代碼。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Hello World!</title>
    <script type="text/javascript">
      document.write("Hello World!");    // 在网页中显示。
      alert("Hello World!");             // 以对话框的形式显示。
    </script>
  </head>
  <body>
    <p>网页内容</p>
  </body>
</html>

另外，你也可以在瀏覽器的地址欄，用javascript:[Javascript代码] 的方法在全局範圍執行代碼：

javascript:document.write("Hello World!");alert("Hello World!");    /* 和上例有什么差別？*/

這個最基礎的 Hello world 程序可以當作你開始編寫新程序的起點。

小練習

練習 1-1

將上面基本的 Hello world 程序複製粘貼到一個文件里，保存為 "exercise 1-1.html"。你有兩種方式來運行它：

通過文件管理器找到這個文件，並用瀏覽器打開它。
打開瀏覽器，從瀏覽器中打開這個文件。例如：使用火狐瀏覽器，先打開瀏覽器，然後點擊菜單裏的文件，選擇打開文件，然後選擇你要打開的文件。

打開這個 .html 文件後會發生什麼？

答案

會彈出一個對話框，並顯示文字：Hello World!

練習 1-2

將上一題的文件另存為 "exercise 1-2.html"。修改新的文件，將 alert("Hello World!"); 中的雙引號改成單引號，即 alert('Hello World!'); ，然後保存文件。如果你在瀏覽器中打開這個文件，會發生什麼？

答案

和上一題沒有任何區別。會彈出一個對話框，並顯示文字：Hello World! 雙引號和單引號是等價的。

JavaScript/First Program