JavaScript 的基本架構
範例：
原始碼：
<body>
<script language="javascript">
<!--
document.write("<h2>Hello World.</h2>");
// -->
</script>
</body>
介紹所有程式語言的第一個程式，當然非 Hello World 莫屬。在範例下出現的 Hello World 是由 JavaScript 程式碼所產生的。 說明：
- 從原始碼中可以清楚的看出：JavaScript 不是 Java。
- JavaScript 的敘述應該放在 <script> 和 </script> 標籤之間，而 JavaScript 的程式碼在該網頁被載入的時候就開始執行。 <script> 標籤包含 language 屬性，該屬性值用來說明該網頁中使用的 script 語言為何。由於 我們寫的是 JavaScript 程式碼，所以屬性值是 javascript。
- 因為輸出的地方在於網頁的 <body> 標籤內，所以程式碼置放於 <body>；如果定義了一些共用的 JavaScript 程式碼，則一般的習慣會定義在 <head> 標籤內。
- <!-- 和 // --> 標籤是為了避免某些不支援 JavaScript 的瀏覽器將 JavaScript 的程式碼顯示在網頁上。
- JavaScript 的敘述最後都要加上分號（;）。範例中的敘述是將 <h2>Hello World.</h2> 寫入（write）網頁（document）。
- JavaScript 將網頁內的所有元素（element）都視為一個個的物件，例如 document 這個物件就代表網頁。既然是物件，每個物件就有它自己的資料成員以及方法。例如，document 有一個方法 write()，而 write() 這個方法會將參數寫到網頁。
- 還有沒有其他的物件？有，例如，每個瀏覽器的視窗是以 window 這個物件作代表。 如果我們要改變視窗的狀態列的訊息，我們可以利用 window.status="Test Status"; 將 Test Status 顯示在狀態列。試試看！（注意，status 是 window 物件 的資料成員）（FireFox 預設的狀態是不允許 script 修改狀態列，如要測試，你可以 工具->選項->內容->可使用 JavaScript->進階->把"改變狀態列文字"打上勾就好了。）
- JavaScript 的物件關係類似樹狀的結構，例如一個瀏覽器內可以包含多個網頁，每一個網頁內可以包含圖、form 等。詳細的說明請參考 JavaScript Hierarchy in VOODOO's Introduction to JavaScript。
沒有留言:
張貼留言