Introduction to JavaScript, NTUPT 2003

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>	第一個JS網頁

document.write( ) 是一個用來輸出字串的 JavaScript 程式，所以放在 <script language=javascript> </script> 之間，而所欲輸出的字串，放在括號之內，並使用引號框住字串。這樣就是一個初步的 JavaScript 程式。

自動隱藏 JavaScript 程式

由於不是每一個瀏覽器都支援 JavaScript 程式，如果無法執行時，瀏覽器會將 JavaScript 程式解譯成純文字。因此通常將 JavaScript 程式放在  之間。萬一使用者的瀏覽器無法支援 JavaScript 程式時，則會自動隱藏 JavaScript 程式，以免發生錯誤。

用途	JavaScript 語法	實例
隱藏 JavaScript 程式，以免發生錯誤。	<head> <script language=javascript> <!-- JavaScript 程式 --> </script> </head>	隱藏JS程式的網頁出現提示匣

JavaScript 程式註解

由於有些 JavaScript 程式複雜，則可加註解，以免日後忘記。註解方式為使用雙斜線，再加上註解文字，即 //註解文字。執行 JavaScript 程式時，註解文字不會被執行。若不小心去除雙斜線，則後面的註解文字將被誤認為是 JavaScript 的指令，而發生錯誤。

用途	JavaScript 語法	實例
註解程式意義	<head> <script language=javascript> <!-- JavaScript 程式 // 註解文字 --> </script> </head>	註解JS程式的網頁

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

建議使用寬頻網路及 800 ´ 600 之解析度來瀏覽本網站
瀏覽軟體以 Microsoft Internet Explorer 5.0 版或更高版本為佳