2012年10月22日 星期一

JavaScript 的基本架構


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。









沒有留言:

張貼留言