五一電子閱讀：《電腦編程》

JAVASCRIPT簡介
如何將JAVASCRIPT腳本加到網頁HTML中去
JAVASCRIPT變量
函數的基本概念
運算符
條件語句與循環語句的使用
事件句柄的意思及用法
對象的概念
內置對象“DOCUMENT”的使用
內置對象“WINDOW”的使用
數學對象的使用
日期對象的使用
數組
字符串
表單的使用
框架

JAVASCRIPT語言的前身叫LIVESCRIPT自從SUN公司推出了JAVA之后，NETSCAPE引進了SUN的有關JAVA的程序設計概念，更名為JAVASCRIPT。嵌入HTML文檔中的JAVASCRIPT源代碼作為HTML網頁的一部分存在。只要用戶的瀏覽器支持JAVASCRIPT源代碼，就可以被瀏覽器對源代碼進行解釋，從而運行JAVASCRIPT腳本語言，實現各種網頁效果。由于JAVASCRIPT腳本語言是在客戶端瀏覽器進行解釋運行的，所以與服務器無關，因此可以實現許多服務器腳本所不能在網上實現的效果，所以得到了廣泛地運用。

目前在流行的瀏覽器中，NETSCAPE的NAVIGATOR2.0以上版本具有處理JAVASCRIPT源代碼的能力，在NETSCAPE3.0中實現了1.1版本，在NETSCAPE4.0中實現了1.2版本，微軟也從IE3.0開始支持JAVASCRIPT。
在網頁文件的源代碼中的<body>與</body> html標記之間插入<script>或
<script language="javascript">作為JAVASCRIPT腳本語句的開始，當瀏覽器發
現這樣的關鍵字時，就知道以下的代碼是JAVASCRIPT語句代碼，就會按照它的規
則來執行這些語句。
JAVASCRIPT語句是用</script>來結束的，當瀏覽器發現這條語句時，就會認為
JAVASCRIPT的代碼已經界束，以下的語句又回到html的規范中來。
其在html中的語法規范總結為：
<script>或<script language="javascript"> //JAVASCRIPT語句開始
JAVASCRIPT語句......
</script> //JAVASCRIPT語句結束
在有些低版本的瀏覽器中，不支持JAVASCRIPT腳本語言，為了避免這些瀏覽器
把這樣的語句當做錯誤來處理，要在開始和結束之間加入，來告訴瀏
覽器如果不支持可以乎略，并不執行它。其語法是：
<script>或<script language="javascript"> //JAVASCRIPT語句開始
//告訴瀏覽器如果不支持可以乎略
</script> //JAVASCRIPT語句結束
注意：<script>或<script language="javascript">與</script>以及
必須成對出現，否則就會出錯。



變量是指的計算機在運行時的內存中的一塊區域，如果你在程序中定
義了一個變量，就表示在內存中占有了一塊區域，并為這塊區域定義
一個名稱，這個名稱就是你為變量所定義的名稱，用這個名稱來唯一
地標識這個變量，也就是唯一地標識這塊內存區域。
那么這個變量有什么作用呢？
因為變量在程序的執行過程中起著舉足輕重的作用，變量就如同是銀
行，在我有錢時將錢存進去，而在需要用錢時又把它取出來，變量是
程序運行的中轉站，把一些程序運行過程中改變了值或是沒改變值的
數據暫時存放在變量，也就是存放在你為變量劃分出的那一塊內存中
以便在程序往下執行時可以使用到這些數據，這就是變量的作用。

變量的附值：
附值的意思就是將一個數據（也叫“值”）附予，也就是傳遞給的意
思，變量的附值就是將一個值傳遞給變量，也就是使內存中被定義為
變量的那一塊所暫存的數據等于所要傳遞給變量的值，將這個值在程
序運行的過程中暫時存放在這里。一旦變量被附值成功，就表示變量
的值已發生改變，變成了新的剛附值的值。變量之所以叫變量，也就
是因為它的值是可以通過程序的執行而改變的意思。
為變量附值的語法是：
變量名=值
//意思是將“值”傳遞給變量，也就是使變量的值等于“值”的值。

變量的聲明：
在使用一個變量之前，比必須聲明它，就象貼告示一樣，用什么事情
要通過告示才能讓人們知道一樣，變量必須先聲明，才能使用。

變量的聲明語法是：
var 變量名;
其中var 是JAVASCRIPT用于聲明變量的關鍵字，當瀏覽器發現這個
關鍵字時就知道是變量的聲明，“變量名”就是你要為變量起的名字
后面的一個“；”是JAVASCRIPT的語句分隔符，表示一條語句的結
束。
在JAVASCRIPT中也可以不聲明而直接為變量附值。
變量的命名規則：
1）區分大小寫，在JAVASCRIPT中變量是區分大小寫的，而且不僅是變量，在JAVASCRIPT的所有場合均區分大小寫，也就是說“A”
和“a”代表的是不同的意思。
2）JAVASCRIPT有自己的保留關鍵字，這些關鍵字有它們特定的含
意，是JAVASCRIPT內部約定好了的，專門用于做一些特定的事情，
比如上面提到的“var”就是專門用于聲明變量的關鍵字。
在為變量命名時，不能與這些內定好的關鍵字同名。
3）變量必須以英文字母或是下劃線“_”開頭。變量中也不允許出現
空格。
在JAVASCRIPT中變量是按照可存儲的數據的不同類型來劃分的：
1）數值型：
值是一個數值，在 JAVASCRIPT中不管三七二十一，將整型，浮點型
或其它的任何數值類型均統稱為數值類型，不用過份地細分，所有運
算均適合于所有的數值型的變量。
2）字符串型：
即保存字符串的變量類型，可以包含字母，單詞，空格，數字，標點
符號，或者其它任何可以被顯示的字符與一些特殊符號等。
字符串型變量在被附值時，要將附予它的字符串用一對引號擴起來，
引號可以是雙引號，也可以是單引號。
語法為：
變量名=“字符串”；
特殊字符：
如果你想在一個字符串中顯示一些特殊的字符，比如回車符，那么只
是在輸如的時候輸入一個回車是沒有用的，JAVASCRIPT將不識別它
你只有在字符串中加入如下的字符，才能在最后的結果中得到回車的
效果：“\r”。
這里的\r表示特殊字符回車，JAVASCRIPT對于特殊字符的語法規范
是在用于表示特殊字符的字符前加一個\。
這些特殊字符包擴：
特殊字符名：　　　表示方法：
反斜杠：　　　　　　\ \\
退格鍵　　　　　　\b
換頁（分頁符）　　\f
換行　　　　　　　\n
回車　　　　　　　\r
跳格鍵（制表符）　\t
轉意字符的用法：
凡在一個字符的前面出現“\”時，這個字符都將被認為是字符本身，
而不表示任何的JAVASCRIPT語句含意，比如：
document.write("asd\"ddd");
在網頁被瀏覽時，會顯示如下：
asd\"ddd
而如果沒有\，則將顯示如下的錯誤窗口：

原因是雙引號是用來標識字符串結束的，當語句執行到這里時，程序
會認為字符串已結束，而它后面的字符串應該是“）”才對，現在不
是“）”，所以出錯。
3）布爾型（邏輯型）：
用來存儲布爾型數值的變量就是布爾型變量，布爾型的變量只有兩個
值，即true和false，true表示一個條件表達式的值成立，false表示一
個條件表達式的值不成立，比如：如果用布爾型來表達下面的兩個算式，那么第一個算式返回的信息是
false，而第二個算式返回的信息就為true。
第一個算式：5>10;
第一個算式：3>1
4）空值型：
如果一個變量的值為空，就是空值型，空表示沒有值，它既不是空格鍵，也不是數值，它表示沒有任何值。



JAVASCRIPT關鍵字一覽表：
abstract delete function null throw
boolean do goto package throws
break double if private transient
byte else implement protected true
case enum import public try
catch export in return typrof
char extends instanceof short var
class false int static void
const final interface super volatile
continue finally long switch while
debugger float native synchronized with
default for new this

函數的基本概念：　
通俗地講，函數就是將一些語句組合起來，使它們的組合能夠完成一定
的功能，并為這個語句的集合取一個名字，以后要實現這樣的功能時，
只需要用一條語句來調用這個函數，使它完成它其中的語句所能完成的
功能，而不用再重復輸入同樣的語句。
這就是函數，運用函數一般來說可以起到事半功倍的效果，因此在某一
個功能需要重復使用時，應盡量使用定義函數的方法，而不是每次都輸
入相同的語句序列。
函數的聲明：
在使用一個函數之前，應先聲明這個函數，即定義這個函數，定義它所
要完成的功能與它的名稱，其語法是：
function 函數名(參數序列) {語句序列}
其中function是專門用于定義函數的關鍵字，參數序列是要傳遞給函數
的參數，它可以不止一個，所以用序列來形容它，如果是多個參數，參
數與參數之間用逗號隔開，語句序列是要讓函數實現的功能所需要的語
句的組合。例如：
function write001(x){
document.write(x);
}
以上語句定義了一個函數，函數名為“write001”，參數為“x”，實
現的功能是在網頁中輸出（即顯示）變量x的值。
注意：參數可以是編程者任意輸入的字符串，在函數內部的語句中可以
出現參數，也可以不出現參數，如果出現了參數，那么參數所代表的值
就是在調用這個函數前最后一次被修改成功的值。函數可以有返回值，也可以沒有，如果要求函數有返回值，那么就應該
在函數的定義時在其中加入如下的一條語句：
return 變量名；
意思是將在函數中改變或未改變值的變量的值返回到調用函數時的地方
例如：
<script>
var x=10;
function add001(){
x=x+10;
return x;
}
add001(); //調用函數add001()
document.write("x的值經過函數的改變后變成了："+x);
</script>
在語句被執行后就會在網頁中顯示：
x的值經過函數的改變后變成了：20
函數的調用：
函數的調用只需直接寫出函數的名稱再加上一對小擴號即可，就象上面
對函數add001()的調用那樣，如果在調用的同時需要給它傳遞參數，只
要在小擴號中加進要傳遞的參數名稱即可。例如：
add001(A1，A2，A3)；
同時在一個函數的內部可以調用另一個或數個函數，只需要在要調用別
的函數的函數的定義的時候，將調用別的函數的語句加入函數的{}中的
語句中即可。例如：
function add002(){
x=x+10;
add001();
}
如果函數add002()被調用，那么在執行完x=x+10;這條語句后，接著就
會調用函數add001();并執行add001();中的語句。



運算符：

什么是運算符：
運算符就是一個算式或是表達式中用來表示算法的符號，比如在下面的
算式中，“+”號就是運算符。
X=X+1；
又如：
Y=“ASD” add w;
上式中的add就是運算符，它是專門用來把兩個字符串或是字符串變量
的值連起來的運算符。
運算符的類型分類：
1）算術運算符：
用來進行算術運算的運算符，包擴：
+ 加法運算；
- 減法運算；
* 乘法運算；
/ 除法運算；（除數不可為0）
% 取模，意思是用一個數去除另外一個數，返回除法運算后得到的余
數。
++ 增量運算，意思是使變量自身加1，在這中間又分為兩種情況：
A）語法：變量名++
運算例子：Y=X++，表示先將X的值賦予Y，再使X的值增加1；
B）語法：++變量名
運算例子：Y=++X，表示先將X的值增加1，再將增加了以后的
新值賦予Y。
-- 減量運算，意思是使變量自身減1，分為兩種情況：
A）語法：變量名--
例子：Y=X--，表示先將X的值賦予Y，再使X的值減1；
B）語法：--變量名
例子：Y=--X，表示先將X的值減1，再賦予Y。
- 求反運算符，使一個數值或是變量的值取反，即正數變負數，負數
數變正數。
2）賦值運算符：
=
語法形式一：Y=變量名或數值或字符串；
意思是將變量的值或字符串或一個數值傳遞給變量Y。傳遞的意思就是
使變量的值等于要傳遞的值，也就是等號后面的值。
語法形式二：Y+=變量名或數值；
意思是將等號右邊的值與左邊的變量的值相加后，再傳遞給左邊的變量
語法形式三：Y-=變量名或數值；
意思是用等號左邊的變量的值減去右邊的值后再傳遞給左邊的變量。
語法形式四：Y*=變量名或數值；
意思是用等號左邊的變量的值乘以右邊的值后再傳遞給左邊的變量。
語法形式五：Y/=變量名或數值；
意思是用等號左邊的變量的值除以右邊的值后再傳遞給左邊的變量。
語法形式六：Y%=變量名或數值；
意思是用左邊的變量除以右邊的變量后取余數，再將這個余數賦給左邊
的變量。
3）比較運算符：
比較運算符用于比較兩個數或是字符串或表達式或變量的值的大小。
如果比較的是字符串的大小，那么是指的字符串的ASCII碼的大小，從
字符串的第一個字符開始比較，直到出現不同的字符為止。
用比較運算符連接起來的表達式，其返回的值一般是布爾類型的值，即
真（TRUE）或假（FALSE），當表達式成立時，返回TRUE，當表達
式不成立時返回FALSE。
例如：
表達式：5>2的返回值是TRUE；
而表達式：5>10的返回值是FALSE。
比較表達式包擴：
== 等于，如果運算符兩邊的值相等返回真；
!= 不等于，如果運算符兩邊的值不相等則返回真；
> 大于，如果左邊的值大于右邊的值，返回真；
< 小于，如果左邊的值小于右邊的值，返回真；
>= 大于等于，如果左邊的值大于或等于右邊的值，返回真；
<= 小于等于，如果左邊的值小于或等于右邊的值，返回真；
例如：
a==a 返回真（TRUE）
a!=a 返回假（FALSE）
3>2 返回真（TRUE）
3<1 返回假（FALSE）
5>=10 返回假（FALSE）
5<=10 返回真（TRUE）
4）邏輯運算符：
專門用于邏輯運算，所謂邏輯運算是指的邏輯值（即布爾型）與邏輯
值之間的運算，這里所謂的運算，只是一種說法，并不是指的數學上
的運算，可以理解為判斷。
邏輯運算符有：
&& 邏輯與運算，當運算符兩邊的表達式的取值都為真時，返回真
否則返回假。
|| 邏輯或運算，當運算符兩邊的表達式的取值只須有一個為真或
兩個都為真時，返回真，否則返回假。
! 邏輯非，使一個邏輯值變成原有值的相反的值，比如原來是真
的值，返回假，而原來為假的值返回真。
例如：
true &&true 返回true
(2-1) || (3<0) 返回true
!(5>=1000) 返回true
運算順序：
當在同一個表達式中出現不同的運算符時，這些運算符的執行是有一
定的先后順序的，就象數學中的乘法會在加法與減法之前被運算一樣
JAVASCRIPT中的各個運算符也是按照一定的順序被執行的。
這些運算符的執行順序從先到后的排列順序是：
1）圓擴號：（）
2）求反或自增自減 - ++ -- ！
3）乘除與取模 * / %
4）加減運算 + -
5）比較 > < >= <=
6）等于或不等于 == !=
7）邏輯非 !
8）邏輯與 &&
9）邏輯或 ||
10）賦值 = += -= *= /= %=


條件語句與循環語句的使用：
條件語句的概念：
我對條件語句的理解是，先判斷條件成立與否，之后根據判斷的結果決
定程序的走向。一般來說，條件語句判斷的是一個表達式的值，這個值
應是布爾類型的，即要么是真，要么是假。
語法：
if （條件）{語句序列} else {語句序列}
作用：

如果條件成立，執行if 后面的{}中的語句，如果條件不成立，執
行else后面的{}中的語句。
或：

if （條件）{語句序列}
作用：如果條件成立，執行{}中的語句，如果不成立，就跳過循環繼續
向下執行。
例如：
if (x==1){
document.write(x);
}
else{
document.write("x<>1");
}
程序執行時就會先判斷x的值，如果等于1，就會在頁面上顯示x的值即
1，如果不等于1，就會在頁面上顯示字符串x<>1。
條件語句是可以嵌套的，也就是說在一個條件語句的執行語句部分是可
以再有一個或多個條件語句出現的，但是每個條件語句都必須完整，例
如：
if (x>=10){
if (y==true){
document.write("黑黑黑");
}else{
document.write("哈哈哈");
}
}
如果x的值大于等于10，那么判斷y的值是否為真，如果為真，那么在
頁面上顯示"黑黑黑"，如果不為真，那么在頁面上顯示"哈哈哈"。
注意：如果x的值不大于等于10，即小于10，那么頁面上將什么也不
顯示。再如：
if (x>=10){
if (y==true){
document.write("黑黑黑");
}else{
document.write("哈哈哈");
}

注意這里只有一個“}”
當程序被執行時，會在頁面上顯示下圖：

原因是條件語句中嵌套的條件語句不完整，少了一個“}”。
switch語句的使用：
實例：
<script>
var x="aaa";
switch (x){
case "bbb":
document.write("bbb");
break;
case "aaa":
document.write("aaa");
break;
default:
document.write("no");
}
</script>
由于本例中涉及到case的使用，它會在后面講到，所以這里只是大概說
一下這段代碼的含意，意思是判斷變量x的值，附合哪個值就執行它后
面的代碼，如果都不附合，就執行default:后面的代碼。switch 用于提
供要對其進行判斷的變量名。
循環的概念：
有時候程序中的某一條或多條語句的組合會重復執行，如果要將每條語
句都寫出來，那工作量太大，而且也沒有必要，幸好JAVASCRIPT為我
們提供了循環的程序設計思想，同時也提供了語句，使我們在編寫程序
時可以事半功倍。
形式一：

for (循環變量起始值；循環變量終止值；循環變量變化量；）
{語句序列}
例如：
for (i=1;i<=9;i++){document.write(i)}
執行后將在頁面中顯示：123456789
意思是使循環變量i從1開始，每次使其加1，直到i大于9時為止，每次循
環都使地{}中的document.write(i)語句被執行一次。
循環也可以嵌套，即一個循環的內部可以在包含一個或多個循環。例如：
for (i=1;i<=5;i++){
for (x=1;x<=3;x++){
document.write(x)}}
執行結果為：123123123123123
形式二：while (條件) {語句序列}
意思是只要條件還成立，就一直循環執行{}中的語句序列，例如：
var x=0;
while (x<=5){
document.write(x);
x=x+1;
}
的執行結果是：
012345
又如：
var x=0;
while (x<=5){
document.write(x);
}
的執行結果是：
0000000000000000000000000......
并會彈出以下窗口：

式三：do {語句序列} (條件)
這種形式的語句是這樣執行的，先執行do后面的{}中的語句，再判斷條件
是否成立，如果成立，就再執行do后面的{}中的語句，如此循環往復，日
復一日地執行下去，只要你不關掉瀏覽器，就算是你的電腦的外殼都腐
爛了，程序依然在執行，所以，你就是再牛也牛不過這種形式的語句，它
雖然看上去沒有生命，但實際上比我們這些所謂的有生命的肉體要牛很
多。
只有當條件不成立時，它才跳出循環，執行下面的語句。所以這種形式
的語句會至少被執行一次。
例如：
var x=0;
do {
document.write(x);
x=x+1;
}
while (x<=20);
其執行結果為：
01234567891011121314151617181920
如果是下面這樣：
var x=0;
do {
document.write(x);
注意：這里沒有了x=x+1;
}
while (x<=20);
那么程序將無休止地執行下去。

事件句柄的意思及用法：　
事件：
事件其實就和我們平時生活當中所發生的事情意思差不多，比如今天王
大爺買了一條魚，在生活中就是一個事件。而在JAVASCRIPT中也有一
些事件，但是這些事件與生活中的事件所不同的是，這些事件是在
JAVASCRIPT中預先定義好了的，只有附和JAVASCRIPT內部約定的
那些事件才被認為是事件，而不附和內部約定的行為，則不被認為是事
件。
比如：

當用戶的鼠標被壓下時，JAVASCRIPT就會產生一個onmouse
down事件，之所以會產生這個事件，是因為在JAVASCRIPT內部已事
先定義了它。
又如：

當用戶用頭去撞擊顯示器的時候，除非顯示器被用戶的鐵頭功撞壞，
否則的話是不會產生任何的事件的。
句柄：
用于描述是什么事件發生了，并告訴程序在這個事件發生時應執行什么
動作的語句，就叫作句柄。
比如：
onmousedown="open001()"
表示當鼠標被壓下時，調用函數open001()并執行它。
事件句柄的完整語法：
JAVASCRIPT事件名="合法的JAVASCRIPT語句"
其中事件名描述了是什么事件發生，等號后面的語句一定要用引號擴起
來，引號可以是雙引號也可以是單引號。
一般來說，事件句柄不用在<script>與</script>之間，而會插入到
HTML標記中，比如：
<input type="button" onclick="open001()">
表示在網頁中插入一個按鈕，并為其添加事件句柄onclick="open001()"
意思是當這個按鈕被點擊時，調用函數open001()并執行它內部的語句。
又如：
<img src="0001.jpg" onclick="open001()">
表示在網頁中插入一張圖片，并為其添加事件句柄onclick="open001()"
意思是當這張圖片被點擊時，調用函數open001()并執行它內部的語句。
JAVASCRIPT的事件句柄包擴：

onClick 點擊某一區域（如按鈕或表單輸入域等）
onMouseOver 用戶將光標移至某一區域的上方
onMouseOut 鼠標離開某一區域
onLoad 網頁被加載時
onUnload 網頁被卸載時，即離開這個頁面時
onFocus 獲得焦點
onBlur 失去焦點
onChange 用戶某表單元素的內容發生變化時
onSnbmit 當“提交”按鈕被點按時
onAbort 當停止圖像的加載時
onDragdrop 將某對象拖至窗口中時
onError 發生錯誤時
onKeydown 鍵盤上的任一鍵被按下時
onKeypress 按下，然后松開某鍵或是仍然保持按住狀態
onKeyup 松開某鍵
onMousedown 按下鼠標鍵
onMouseup 松開鼠標鍵
onMousemove 移動鼠標
onMove 移動窗口位置
onReset 重置即清除網頁中的表單內容
onResize 窗口改變大小時
onSelect 選擇某一個表單中的某一項時

  對象的概念：　

什么是對象：
筆者的理解是這樣的，對象就是你要對它編程的對象。和談戀愛的對象
是一個道理，沒有戀愛的對象，就只能和空氣戀愛。而沒有編程的對象
也是不行的。這是目前面向對象的編程概念的最基本的元素，只有有了
對象，才能面向對象編程，否則的話只能面向空氣編程。
對象的屬性：
就象一個人有身高，胸圍和體重等特征一樣，對象也有自己的特征，對
象的特征描述在編程中就被稱作屬性。屬性的表示方法是這樣的：
對象名.屬性名
對象的屬性值是可以被改變的，要改變一個對象的屬性值，需用下面
的語法：
對象實例名.屬性名=變量名或表達式或一個具體的值
對象的命名規則：
1）區別大小寫，即A與a是不同的。
2）不能使用JAVASCRIPT保留關鍵字，關于保留關鍵字在前面的章節
中已經列出。
對象的構造（定義）：
對象的構造也可以使用函數的定義關鍵字function。語法為：
function 對象名（參數）{
對象屬性的定義}
比如：
function aaa(x1,x2,x3){
this.bbb=x1;
this.ccc=x2;
this.ddd=x3;
}
以上語句序列就構造了一個對象，對象名為aaa，其中有三個參數x1,
x2,x3；而這個對象又有三個屬性分別為bbb，ccc和ddd，在構造這
個對象時，已將這三個屬性的值分別被賦值為這個對象所具有的三個
參數x1,x2,x3。當以后在調用這個對象時只要在調用的同時將參數也
同時傳遞給它，就同時使得對象的三個屬性的值變成了用戶所傳遞給
它的三個參數的值。
在上面的語句中出現了this這個關鍵字，它特指所定義的對象本身。
對象的實例：
對象構造好之后，只是說明了對象的結構被定義完成了，并不說明它
是一個可以對其編程的實體，要想對一個具有構造好結構的實體進行
編程，就要為這個定義好結構的對象創建一個實體（實例），實際上
面向對象的編程就是指面向對象的實體的編程，為對象創建實體的語
法是這樣的：
var 對象實體名=new 對象名（參數）
其中var和new是關鍵字，new關鍵字專門用于創建一個對象的實例。
假設我們要創建一個上面定義好了的對象aaa的實例，我們可以這樣
寫：
var xxx=new aaa(10,20,30);
表示創建了一個對象aaa的實例xxx，并將三個參數傳遞給它，這三個
參數分別是10,20,30；也就是說這個新的施例xxx的三個屬性bbb，
ccc，ddd分別被賦予了10,20和30。
這時就可以對這個新創建的實例進行編程了，比如：
y=xxx.bbb;
表示將xxx的屬性bbb的值傳遞給變量y。

對象的方法：
自定義的對象的方法是這樣來實現的：
先定義好一個函數以作為要作為對象的方法使用的行為的定義：
function bbb(){
document.write("hfsfgsdfgjdsjfasgjfhf");
}
再構造一個對象，并將剛才定義的函數作為這個對象的一個方法定義
進去：
function x(){
this.aaa=bbb();
}
這樣aaa就成了對象x的一個方法，在以后的使用中可以用如下的語法
來調用它：
x.aaa
例如在一個網頁的代碼部分寫如下的代碼：
<script>
function bbb(){
document.write("dafsgdfsah");
}
function x(){
this.aaa=bbb();
}
var ccc=new x();
x.aaa;
</script>
頁面加載后會顯示：
dafsgdfsah
預定義對象Navigator的屬性簡介：
屬性：
appCodeName 瀏覽器代碼名稱
appName 瀏覽器名稱
appVersion 瀏覽器和其它信息
language 瀏覽器所使用的語言
mimeTypes 瀏覽器所運行的mime類型數組
platform 瀏覽器創建的計算機類型
plugins 瀏覽器上所安裝的plugin數組
userAgent 瀏覽器的用戶代理
如下的代碼：
document.writeln(navigator.appCodeName);
document.writeln(navigator.appName);
document.writeln(navigator.appVersion);
document.writeln(navigator.language);
document.writeln(navigator.mimeTypes);
document.writeln(navigator.platform);
document.writeln(navigator.plugins);
document.writeln(navigator.userAgent);
其執行后為：
Mozilla Microsoft Internet Explorer 4.0
(compatible; MSIE 5.5; Windows 98)
undefined undefined
Win32 undefined Mozilla/4.0
(compatible; MSIE 5.5; Windows 98)




內置對象“DOCUMENT”的使用
DOCUMENT是JAVASCRIPT內置的（預定義）的對象，它可以直接
使用，而不用由編程者來構造。
它有如下一些屬性：
1）alinkColor：
返回或設置網頁的被激活鏈接的顏色的十六進制值。被激活鏈接的顏色
在網頁的<body>開始標記里通過alink屬性來設置，如果不設置，瀏覽
器就使用它自己的默認顏色。
在HTML中設置是這樣的：<body alink="用十六進制表示的RGB顏色
值或顏色名稱">比如：
<body alink="#ff0000">又如：
<body alink="green">
在JAVASCRIPT語句中可以用如下的語法來定義被激活的鏈接顏色：
document.alinkColor="用十六進制表示的RGB顏色值或顏色名稱";
比如：
document.alinkColor="#000000";又如：
document.alinkColor="yellow";
2）bgColor：
設置或返回網頁的背景顏色值，在HTML中的語法是這樣的：
<body bgColor="用十六進制表示的RGB顏色值或顏色名稱">
在JAVASCRIPT中網頁的背景顏色的設置語法為：
document.bgColor="用十六進制表示的RGB顏色值或顏色名稱";
3）cookie：
用來保存瀏覽者的一些信息，當下次同一個瀏覽者再次訪問該頁時，他
的有關信息會自動被編程者用一段程序顯示給瀏覽者，從而獲得更友好
的界面。
訪問cookie的語法為：
document.cookie
4）domain：
用于保存瀏覽者所瀏覽的網頁的域名，語法為：
document.domain如下這條語句：
window.alert(document.domain);
將彈出一個窗口，并在其中顯示當前網頁的域名。
5）fgColor：
設置或返回網頁的前景顏色，也就是文字的顏色，語法為：
document.fgColor="用十六進制表示的RGB顏色值或顏色名稱";
在HTML中網頁的文字顏色是如下設置的：
<body text="用十六進制表示的RGB顏色值或顏色名稱">
6）lastModified：
保存網頁最后一次被修改的時間，語法為：
document.lastModified;
比如下面的語句將彈出一個窗口，并在其中顯示網頁最后被修改的時間

window.alert(document.lastModified);
7）linkColor：
設置或返回網頁中未訪問鏈接的顏色，語法如下：
document.linkColor="用十六進制表示的RGB顏色值或顏色名稱";
在HTML中未訪問鏈接的顏色的如下設置的：
<body link="用十六進制表示的RGB顏色值或顏色名稱">
8）referrer：
保存瀏覽者在到達這個網頁之前所在網頁的URL，有時瀏覽者不是從別
的網頁轉到這個網頁的，所以這個屬性的值可以為空。語法為：
document.referrer;
比如：
window.alert(document.referrer);
執行后，會彈出一個窗口，并在其中顯示瀏覽者來到這個網頁之前所在
的網頁URL。

9）title:
設置或返回網頁的標題，語法如下：
document.title="標題";
在HTML中是在head部分的<title>與</title>中的那一部分字符串。
10）URL：
保存了本頁面的完整的URL信息，語法為：
document.URL
比如：
document.write(document.URL);
將在網頁中顯示本網頁的完整URL。
11）vlinkColor：
設置或返回已訪問鏈接的顏色，語法如下：
document.vlinkColor="用十六進制表示的RGB顏色值或顏色名稱"
注意：以上所說的這些屬性中，有些是只設置，而有些是只返回，又
有一些是既可設置又可返回，而在上面的舉例中只舉出了設置的語法
，如果要返回，那么只需將上面的例子中的等號左邊的內容移至右邊
，而在等號的左邊放置編程者想要將返回值傳遞給其的變量名即可。
例如：
Y=document.vlinkColor；
表示將網頁的已訪問鏈接的顏色值傳遞給變量Y。
DOCUMENT對象的方法：
1）open（）：
通過該方法，可以打開一個新的文檔（頁面），并可用write或
writeln語句在這個新打開的文檔中寫入想寫入的內容。語法為：
document.open（）
2）close（）：
關閉一個文檔，但允許顯示，也就是說，如果被關閉的文檔在關閉之
前本身是顯示的，那么仍將顯示。語法為：
document.close（）
3）write（）：
這個方法在前面用得已經很多，意思是在一個頁面中寫入（）中的內
容，語法為：
document.write（字符串或變量）；
4）writeln（）：
意思是在完成了所要寫的內容后，在其末尾添加一個換行符（\n）。
但不影響網頁的顯示外觀，只是在代碼部分分為兩個不同的行，使代
碼易讀。
例如下面的代碼：
<script>
document.open();
document.write("<input type=’button’ value=’點擊進入’>");
document.close();
</script>
其代碼在執行后會在頁面中顯示如下的一個按鈕：

WINDOW對象的使用：
WINDOW對象是為每一個在屏幕上顯示的網頁的窗口而創建的，它是
內置對象，即預先定義好了的對象，可以直接使用。
它有如下屬性：
1）defaultStatus：
窗口的默認狀態欄屬性，即當狀態欄沒有被別的語句指定為特定的內容
時所顯示的信息。語法為：
window.defaultStatus="字符串或變量"
其中的字符串或變量就是在默認狀態下要在狀態欄中顯示的內容。
比如：
window.defaultStatus="你壞�。�！"
那么默認狀態下在窗口的狀態欄就將顯示"你壞�。�！"
2）length：
這個屬性保存了一個窗口中的所有禎的數量，語法為：
window.frames.length
也可以縮寫為：
window.length
3）location：
設置或返回當前窗口的URL，通過改變此屬性，可以改變當前窗口的
訪問地址，使當前窗口的內容轉到瀏覽者想去的地方。語法為：
window.location="URL字符串或存儲著URL字符串的變量名"
例如：
<input type="button" onclick="window.location=’URL’;">
表示在網頁中生成一個按鈕，并為其定義了行為為：當按鈕被點擊時
轉到URL所表示的地址處。
4）name：
設置或返回一個窗口的名稱。語法：
window.name="窗口名字符串"或存儲有窗口名的變量;
5）opener：
這個屬性代表打開當前窗口的窗口，比如在一個頁面中有如下代碼： <script>
function a001(){
if (window.opener.closed){
window.alert("closed");
}else{
document.write("open");
}
}
setTimeout("a001()",5000);
</script>
表示在這個頁面被加載之后的5秒鐘后，對打開這個頁面的窗口進行
檢測，如果打開這個頁面窗口的窗口已關閉則彈出一個窗口，并在其
中顯示closed，如果那個窗口沒有關閉，則在頁面上顯示open。
6）closed：
檢測一個窗口是否已被關閉，如果已關閉返回真，如果未關閉返回假。
它的使用請參照上例。
注意：上例中，如果這個頁面不是通過一個窗口打開的新窗口，而是
在同一窗口中轉到這個頁面，那么將會彈出下面的窗口：

7）parent：
當一個頁面中有框架時，這個屬性用來表示本框架的上一層框架。
8）self：
用來代表當前窗口的關鍵字，self就表示當前窗口，與this代表一
個函數或是對象本身一樣，self就表示當前窗口本身。例如如下的
兩條語句作用是一樣的：
window.location="9999.htm"
self.location="9999.htm"
9）status：
保存窗口的狀態欄的內容。它與defaultStatus的區別是這樣的，
defaultStatus表示在沒有別的語句對狀態欄的內容改變時，默認
的顯示的內容，而status不是默認的，status正是用來改邊狀態
欄的默認顯示內容的屬性。
例如：
window.defaultStatus="aaaaaaaaaaaaaaaaaaa";
window.status="kkkkk";
在語句被執行之后，狀態欄將顯示kkkkk，而不是
aaaaaaaaaaaaaaaaaaa。
10）top：
表示包含所有框架的最上層的窗口。這個屬性在學習了框架之后將很容
易理解。
WINDOW對象的方法：
1）alert：
作用是彈出一個消息框，語法為：
window.alert("字符串或變量名");
其中顯示的內容為（）中的字符串或變量的值。
例如：
y="99999.htm";
window.alert(y);
執行后將在頁面中顯示如下的一個消息窗口：
2）confirm：
彈出一個確認框，并在該確認框中生成兩個按鈕，一個是“OK”另一
個是“CANCEL”，使瀏覽者可以有兩個選擇。
當點擊“OK”按鈕時，此方法返回邏輯值TRUE，當點擊“CANCEL”
按鈕時，此方法返回邏輯值FALSE。
對該方法的返回值進行判斷，則可以用程序實現不同的走向。
比如下面的代碼：
<script>
var x=window.confirm("你好嗎？");
if (x==true){
window.alert("還行，你呢？吃了嗎？");
}else{
window.alert("一般吧，湊合,反正還活這！");
}
</script>
將在網頁加載時彈出一個窗口如下圖：

如果點擊“確定”按鈕，則將彈出如下的窗口：
如果點擊“取消”按鈕將彈出如下窗口：
3）prompt：
提供一個輸入窗口，供瀏覽者輸入一些信息。語法為：
window.prompt("字符串或變量名");
其中的字符串或變量名是要在彈出的窗口中顯示給瀏覽者的信息，比如：
<script>
var y="請輸入你的名字";
var x=window.prompt(y);
document.write(x);
</script>
執行后將首先彈出一個窗口如下：
如果你在窗口中輸入“流耶 ”，則會在頁面上顯示流耶。
4）open：
該方法用于打開一個窗口，語法為：
window.open("要打開頁面的URL","標題","參?quot;);
其中標題指的是新打開的窗口的標題，參數由一些用于描述窗口特征的
參數組成，它們包擴：
width：以像素為單位定義的新窗口的寬度。
height：以像素為單位定義的新窗口的高度。
directories：定義新窗口是否有目錄按鈕（如“鏈接”按鈕等）
location：定義新窗口是否有地址欄
menubar：定義新窗口是否有菜單條（如“文件”等菜單）
resizeable：定義新窗口是否允許改變尺寸大小
scrollbars：定義新窗口是否有滾動條
status：定義新窗口是否有狀態欄
Toolbar：定義新窗口是否有工具欄
以上的參數除了width和height是用數字表示的像素值以外，其它的參
數都是在yes和no中選擇其一，yes表示有或允許，no表示沒有或不允許
yes和no也可以用數字1和0來表示。
所有這些參數，一旦設置了一個參數，那么其它的參數就自動地默認為
被設置成no，除非編程者在語句中專門又設置某一個參數，當需要設置
不止一個參數時，參數與參數之間用逗號隔開。
left：定義新窗口距離屏幕左端的距離（以像素計）
top：定義新窗口距離屏幕上端的距離（以像素計）
fullscreen：允許新窗口全屏顯示
注意：以上的所有參數指的是用IE瀏覽器瀏覽時的設定，其中有些可能
不適合netscape瀏覽器。

有關open方法的實例，請參看javascript的實例演示部分。

5）close：
用于關閉一個窗口，語法：
window.close();
6）blur：
使窗口失去焦點，即使窗口置于當前顯示窗口的后面，也就是不顯示這
個窗口。語法：
window.blur();
7）focus：
使窗口獲得焦點，即使窗口置于最前面，使的別的窗口都無法顯示，只
顯示這個窗口。語法：
window.focus();
8）moveBy：
語法：window.moveBy（x軸方向位移量，y軸方向位移量）；
作用：使窗口在原來位置的基礎上分別向x軸方向和y軸方向各移動（）
中的參數所指定的位移量。
9）moveTo：
語法：window.moveTo（x軸的絕對位置，y軸的絕對位置）；
作用：使窗口移動到（）中的參數所指定的絕對位置處。
10）resizeBy：
語法：window.resizeBy（x軸方向變化量，y軸方向變化量）；
作用：使窗口大小在原來的基礎上改變（）中所指定的變化量。
11）resizeTo：
語法：window.resizeTo（x軸的絕對數值，y軸的絕對數值）；
作用：使窗口大小變成（）中的數值所指定的絕對大小。
12）scrollBy：
語法：window.scrollBy（x軸方向滾動量，y軸方向滾動量）；
作用：使窗口在原來位置的基礎上滾動（）中的數值所指定的像素值，
窗口的滾動不是指的整個窗口的位置變化，而是指的窗口內的文檔的
位置。請參閱實例部分。
13）scrollTo：
語法：window.scrollTo（x軸的絕對數值，y軸的絕對數值）；
作用：使窗口滾動到（）中的數值所指定的絕對位置處。
14）setInterval：
語法：window.setInterval（"函數名"，時間值）；或
var 變量名=window.setInterval（"函數名"，時間值）；
作用：每隔時間值所指定的時間間隔就執行一次函數名所代表的函數。 15）clearInterval：
語法：window.clearInterval（變量名）；
作用：清除用setInterval方法設置的行為，其中的變量名就是用
setInterval方法的第二種形式所賦值給它的變量名。
16）setTimeout：
語法：window.setTimeout（"函數名"，時間值）；或
var 變量名=window.setTimeout（"函數名"，時間值）；
作用：在時間值所設定的時間間隔之后執行函數名所代表的函數，它與
setInterval的區別是它只執行一次，而setInterval是每隔一個時間間隔
就執行一次。
17）cleanTimeout：
語法：window.cleanTimeout（變量名）；
作用：在用setTimeout所設定的時間間隔未到之前執行該語句，可以使
用setTimeout所設定的行為失效。


數學對象的使用：(Math)
數學對象是預定義對象，可以直接使用，主要用于數學運算。數學對象
將一些常用的數學上的運算方法和常數定義成為它的屬性，使得使用起
來很方便，它們是：
1）E：
歐拉常數，自然對數的底e的值，大約為：2.71828......
語法：
Math.E
比如：
document.write(Math.E);
執行后將在頁面上顯示：
2.718281828459045
2）LN10：
10的自然對數，大約為：2.302585......，語法：
Math.LN10
3）LN2：
2的自然對數，大越為0.693147......，語法：
Math.LN2
4）LOG10E：
E的以10為底的對數，值為:0.43429......，語法：
Math.LOG10E
5）LOG2E：
歐拉常數E的以2為底的對數值，值為：1.442695......，語法：
Math.LOG2E
6）PI：
圓周率的值，大約為：3.1415926......，語法：
Math.PI
7）SQRT2：
2的平方根，值為：1.4142......，語法：
Math.SQRT2
8）SQRT1_2：
0.5的平方根，值為：0.7071......，語法：
Math.SQRT1_2
數學對象的方法：
1）abs（參數）：
絕對值函數，返回值為參數的絕對值。
2）acos（參數）：
反余玄函數，返回值為參數的反余玄函數值，單位為弧度。
3）asin（參數）：
反正玄函數，返回值為參數的反正玄函數值，單位為弧度。
4）atan（參數）：
反正切函數，返回值為參數的反正切函數值，單位為弧度。
5）ceil（參數）：
向上四舍五入函數，返回值為大于或等于參數的最小整數值。
6）cos（參數）：
余玄函數，返回值為參數的余玄函數值，單位為弧度。
7）exp（參數）：
指數函數，返回值為e的參數次方。
8）log（參數）：
自然對數函數，返回值為參數的自然對數函數值。
9）sin（參數）：
正玄函數，返回值為參數的正玄函數值，單位為弧度。
10）sqrt（參數）：
平方根數，返回值為參數的平方根。
11）tan（參數）：
正切函數，返回值為參數的正切函數值，單位為弧度。

12）max（參數1，參數2）：
返回參數1和參數2中較大的那個值。
13）min（參數1，參數2）：
返回參數1和參數2中較小的那個數值。
14）pow（參數1，參數2）：
返回第一個參數的第二個參數次方。
15）floor（參數）：
返回小于或等于參數的最大整數。
16）round（參數）：
對參數四舍五入后取整。
17）random（）：
用于產生0到1之間的一個隨機數，如果想要產生一個大于1的隨機數，
只要用這個方法的返回值再乘以一個想要使它成為隨機數范圍的整數
即可，例如要產生100以內的隨機數，可以用下面的方法：
Math.random()*100;
注意：100以內，表示不包擴100，即0到99.9999999......。
要想得到隨機整數，需用floor或round或ceil方法使其取整。



日期對象的使用：
日期對象是預定義對象，它無須編程者構造便可使用，它是與日期和時
間有關的對象，這個對象雖然不用構造，但在使用時必須創建實例，創
建實例的語法為：
var 實例名=new Date（）；
它有如下屬性：
1）constructor：
保存著對象構造函數的值，比如：
<script>
var x=new Date();
document.write(x.constructor);
</script>
運行后將在頁面上顯示：
function Date() { [native code] }
2）prototype：
為日期對象增加一個新的屬性，語法：
Date.prototype.屬性名="值"
例如：
<script>
Date.prototype.y="aaaaa";
document.write(x.y);
</script>
執行后將在頁面上顯示：
aaaaa
日期對象的方法：
1）getDate（）：
返回當前本地機日期的天數，這里的天數是指的幾月幾號的那個幾號。
2）getDay（）：
返回當前本地機的星期數，0代表星期天，1代表星期一，......6代表星
期六。
3）getHours（）：
返回值為當前本地機時間的小時數，取值為0-23，夜晚12點取值0。
4）getMinutes（）：
返回當前本地機時間的分鐘數，取值0-59。
5）getMonth（）：
返回當前本地機的月份數，取值為0-11，0表示1月，......，11表示12
月。
6）getSeconds（）：
返回當前本地機時間的秒數，取值為0-59。
7）getTime（）：
返回從1970年1月1日00：00：00起到當前本地機時間的毫秒數。
8）getYear（）：
返回當前本地機日期的年份，用年份的后兩位數表示，它特指1900年
到1999年之間的年份，比如88表示1988年，而00表示1900年。
9）getFullYear（）：
返回用四位數表示的年份，可以表示2000年之后的年份數。
以上的方法都是用于獲得本地機的時間，時間也可以被設置，只要將上
面方法中的關鍵字get換成set就可以了，但要注意所設置的只是瀏覽器
中可顯示的時間，并沒有改變本地機的系統時間。
10）parse（）：
返回從1970年1月1日00：00：00起到指定的時間的毫秒數。例如： var x=Date.parse(Dec 25,1998);
意思是將從1970年1月1日00：00：00到1998年12月25日的毫秒數
傳遞給變量x。這個方法無需實例，可以由Date對象直接調用。
11）toGMTString（）：
返回GMT格式的日期時間字符串。



框架：
什么是框架：
框架就是將一個窗口分成兩個或更多個包含在該窗口中的小窗口，并且
每個小窗口中的網頁都是單獨的，互相之間沒有關系，但確可以從一個
框架來控制另一個框架中的網頁的變化。
框架的定義：
在html中使用<FRAMESET>來定義框架，例如：
<FRAMESET cols="30%,50%,*">
<FRAME src="0001.htm">
<FRAME src="0002.htm">
<FRAME src="0003.htm">
</FRAMESET>
其中第一條語句表示定義了一個框架組，將窗口分成由三個框架組成的
框架組，其中最左邊的框架的寬度占整個窗口的30%，中間的一個框架
占整個窗口的50%，后面的那個星號，表示第三個框架，也就是最后一
個框架占整個窗口的除了其它框架的剩余部分。
第二到第四條語句為每一個框架指定了要在其中顯示的網頁。
最后的</FRAMESET>與開始的<FRAMESET>構成標記對，說名框
架定義的結束。
為了使不支持框架的瀏覽器也能夠瀏覽網頁，要使用下面的標記語句：
<NOFRAMES>
處理語句
</NOFRAMES>
其中處理語句是由編程者所編寫的用于當瀏覽器不支持框架時所要執行
的動作。
例如：
<NOFRAMES>
<script>
window.location="noframes001.htm";
</script>
</NOFRAMES>
表示當瀏覽器不支持框架時轉到網頁noframes001.htm，而
noframes001.htm是事先作好的沒有框架的網頁。
注意：上面的語句是將窗口分成左右排列的列形式的框架，如果要將窗
口分成上下排列的行形式的框架，要用下面的語句：
<FRAMESET rows="30%,50%,*">
也就是說 cols是將窗口或框架分成列的屬性關鍵字，而rows是將窗口分
成行的屬性關鍵字。
框架的嵌套：
框架中又有框架，就是框架的嵌套。例如：
<FRAMESET cols="200,*">//框架定義開始，左邊的框架被定義成
200像素，右邊的框架被定義成剩余部分
<FRAME src="0001.htm">//為左邊的框架指定網頁0001.htm
<FRAMESET rows="100,*">//將右邊的框架再分為上下兩個框架，
上面的框架占100像素，下面的框架占剩
余部分。
<FRAME src="0002.htm">//為上面的框架指定網頁
<FRAME src="0003.htm">//為下面的框架指定網頁
</FRAMESET>//嵌套框架定義結束
</FRAMESET>//所有框架定義結束
框架之間信息的交換：
如果要從一個框架中的頁面獲得另一個框架中的信息，可以使用下面的
語法：
top.框架名.屬性
例如在窗口的其中一個框架中的頁面中有如下的代碼：
document.write(top.right.location);
表示在頁面中顯示框架名為right的框架中的頁面的URL

由此可以從一個框架中用代碼來改變另一個框架中的頁面，例如：
<FRAMESET cols="30%,*">
<FRAME src="0001.htm" name="left">
<FRAME src="0002.htm" name="right">
</FRAMESET>
//以上代碼定義了一個左右排列的框架組，如果在網頁文件0001.htm
中有如下的代碼，那么就可以通過點擊其中的“轉到”按鈕使右邊的框
架所顯示的頁面變成0003.htm:
<script>
function change001(){
top.right.location=’0003.htm’;
}
</script>
<input type="button" onclick="change001()" value="轉到">
也可以通過代碼同時改變多個框架中的頁面，具體實例及代碼請查看本
軟件的“實例演示”部分。