Java Script 描述語言 摘自:http://www.pt.ntu.edu.tw/hmchai/PTcomputer03_2/hJavaScript/JSintroduction.htm
認識名詞 JavaScript 描述語言 JavaScript描述語言是一種網路描述語言 (script language),其前身為 LiveScript,是 NetScape Communications 公司開發出來的網路描述程式語言,不同於由 Sun Microsysttems 公司的 Java 程式語言。兩家公司後來共同開發的語言,就叫 JavaScript。 JavaScript 通常建構在 HTML 文件之中,多以 <script language=javascript> </script> 與 HTML 標記區隔,但不一定要有 <script> </script> 。JavaScript 的功能為 可以增加網頁的變化 可以傳輸或回應網路使用者的需求 可以執行計算 其他網路描述語言尚有 MicroSoft 公司的 Jscript 與 VBScript,但因與 NetScape Navigator 瀏覽器不相容,故除了 ASP 動態網頁外,較少使用此類語言。 物件導向語言 JavaScript 是一種物件導向 (object-based) 的程式語言,也就是說程式設計時,將所有的指令視為物件 (object),以執行方法 (method) 與屬性 (attribute) 來描述其動作。因此 JavaScript 的指令的基本形式為 object.method(value) 其中 object 是指物件,可以是文件 (document)、視窗 (window)、變數 (var)、數學運算 (math)、字串 (string)、圖片 (picture)、影像 (video)、聲音 (sound)、表單 (form) 等。 method 是指令動作,可以是開啟 (open)、關閉 (close)、撰寫 (write) 等。 例如:document.write 或 window.open 就是 JavaScript 指令。document 或 window 是一個物件,而 write 及 open 是一個指令動作 (method)。有關 document.write 及 window.open 的語法請詳見「」、「」二節。然而先不要急著深入的用法,先看下一節,瞭解 JavaScript 的基本語法比較重要。
撰寫 JavaScript 程式的方法 撰寫 JavaScript 程式 JavaScript 程式分為兩部分:定義程式與執行程式。通常在 HTML 的 <head> </head> (較佳) 或是 <body> </body> 內,撰寫 JavaScript 的定義程式。注意:以 <script language=javascript> </script> 與 HTML 標記區隔,再於需要此程式的地方撰寫執行t程式即可。 觀賞網頁 一如 HTML 文件,將寫好的程式以 .htm 或 .html 的副檔名儲存後,即可以瀏覽器觀賞。 修改網頁 一如 HTML 文件,開啟「檢視/原始檔」修改、儲存,再按「重新整理」後,即可重新瀏覽。
JavaScript 的基本語法 基本語法結構 JavaScript 程式通常建置在 HTML 文件之內,其基本語法架構如下: <script language=javascript> JavaScript 程式 </script> 多以 <script language=javascript> </script> 與 HTML 標記區隔。通常 將 JavaScript 的定義程式置於 <head> </head> 之間,以利全 HTML 文件使用。但也可以在 <body> </body> 之間,隨處撰寫定義程式。再於需要此程式的地方撰寫 JavaScript 執行程式即可。至於什麼是 JavaScript 程式,就是本單元要學習的重點。先介紹一個比較簡單的例子。 例題一:輸出純文字的字串。先打開記事本,鍵入如下的程式: <body> <script language=javascript> document.write("字串") </script> </body> 儲存後,使用瀏覽器打開看看,這就是你的第一個含 JavaScript 程式的網頁。
用 途 | JavaScript 語法 | 實 例 | 輸出純文字的字串。 字串需用引號框住。 | <body> <script language=javascript> document.write("字串") </script> </body> | |
document.write( ) 是一個用來輸出字串的 JavaScript 程式,所以放在 <script language=javascript> </script> 之間,而所欲輸出的字串,放在括號之內,並使用引號框住字串。 這樣就是一個初步的 JavaScript 程式。 自動隱藏 JavaScript 程式 由於不是每一個瀏覽器都支援 JavaScript 程式,如果無法執行時,瀏覽器會將 JavaScript 程式解譯成純文字。因此通常將 JavaScript 程式放在 <!-- --> 之間。萬一使用者的瀏覽器無法支援 JavaScript 程式時,則會自動隱藏 JavaScript 程式,以免發生錯誤。
用 途 | JavaScript 語法 | 實 例 | 隱藏 JavaScript 程式,以免發生錯誤。 | <head> <script language=javascript> <!-- JavaScript 程式 --> </script> </head> | |
JavaScript 程式註解 由於有些 JavaScript 程式複雜,則可加註解,以免日後忘記。註解方式為使用雙斜線,再加上註解文字,即 //註解文字。執行 JavaScript 程式時,註解文字不會被執行。若不小心去除雙斜線,則後面的註解文字將被誤認為是 JavaScript 的指令,而發生錯誤。
用 途 | JavaScript 語法 | 實 例 | 註解程式意義 | <head> <script language=javascript> <!-- JavaScript 程式 // 註解文字 --> </script> </head> | |
JavaScript 程式的內的命名法則 使用 JavaScript 程式時,常常需要對物件、函數或變數命名。以下為一般命名的基本法則: 由於 JavaScript 程式對英文字母大小寫敏感,代表不同的意義,故命名時盡量避免大小寫參雜的方式。 第一個字母必須是是英文字母 全長應少於 255 個英文字母 不能是空白鍵或 JavaScript 的保留字。常見的 JavaScript 的保留字如下: 保留字 A-E | | 保留字 E-I | | 保留字 J-S | | 保留字 T-Z | Abstracr | | else | | long | | this | boolean | | enum export | | lastModified | | throw | break | | Extends | | Native | | throws | byte | | false | | new | | transient | Case | | final | | null | | true | catch | | finally | | package | | try | char | | Float | | private | | var | class | | for | | protected | | Void | Const | | function | | public | | volatile | continue | | go to | | return | | while | Date | | If | | Short | | with | deburgger | | implement | | static | | | default | | import | | super | | | delete do | | in | | switch | | | double | | instanceof | | synchronized | | | | | int | | | | | | | interface | | | | |
|