21. 認識 JavaScript

什麼是 JavaScript

JavaScript 是一種物件導向程式碼語言,Netscape 公司最初在 Netscape Navigator 2.0產品上設計並實現,原名LiveScript,目前已經在網際網路上廣泛運用於動態網頁的設計。

JavaScrip t程式由ASCII的字元來構成,可利用記事本等文書編輯軟體來開發完成;一般程式語言必須經過編譯之手續,才能執行程式,但 JavaScript 並不需經過編譯手續,它只要透過適當的直譯器 (browser網頁瀏覽器)即可即時轉譯執行。

JavaScript 並不是 Java! 也不是 JScript

 

JavaScript 基本語法

object.method(value);

  • object 是指物件,可以是文件(document)、視窗(window)、變數(var)、數學運算(math)、字串(string)、圖片(picture)、影像(video)、聲音(sound)、表單(form)...等。
  • method 是指動作方法,可以是開啟(open)、關閉(close)、撰寫(write) ...等。
  • value 是指傳入動作方法的值,例如:字串、數值、變數...等。

 

object.property = property value;

  • object 是指物件。
  • property 是指屬性,例如:document.bgColor,bgColor是document的屬性。
  • value 是指改變屬性的值,例如:document.bgColor = "black",black就是改變文件背景顏色為黑色。

 

如何開始編寫JavaScript

JavaScrip的程式碼必須被包在<SCRIPT>及</SCRIPT>標籤之間。

<script type="text/javascript">
  JavaScript 程式碼
  ...
  ...
</script>

 

適合於HTML碼中嵌入JavaScript的位置有三個:

第一: 寫在<head></head>之間,好處是可以保證在載入<body>內容之前
    已經載入<head>的JavaScript。

第二: 寫在<body></body>範圍間,當你要用JavaScript控制網頁元素物件時,
    JavaScript可以寫在物件的後方。

第三: 寫在</html>之後,讓JavaScript程式獨立好管理。