1-5. 認識JavaScript語言、認識JavaScript基本物件

(1) 什麼是JavaScript

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

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

JavaScript 並不是 Java！ 也不是 JScript！

 

(2) 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 Tutorial

 

(3) 如何開始編寫JavaScript

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

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

 

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

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

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

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

 

(4) 認識JavaScript-Date物件

推薦前往參考 JavaScript Date Object

舉例：
結果：
加強：

(1) 加變數拆取時間物件 (2) 加強判斷式 (3) 加強重複執行能力 (4) 加強控制HTML標籤元素物件
結果：

每秒鐘自動顯示目前時間

 

(5) 多認識JavaScript其他物件

推薦前往參考 JavaScript Objects Reference