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"。你有兩種方式來運行它:

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

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

練習 1-2

編輯

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

JavaScript/First Program