<一>.JavaScript的事件
1. 單擊事件 onClick
當用戶單擊鼠標按鈕時,產生onClick事件.同時onClick指定的事件處理程序或代碼將被調用執行.通常在下列基本對象中產生:
button (按鈕對象)
checkbox (複選框)或(列表框)
radio (單選鈕)
reset buttons (重要按鈕)
submit buttons (提交按鈕)
例:可以通過下列案件激活change () 文件
<Form>
<input type = “button” value=”” name=”” class=”” onClick=”change()”>
</Form>
2. onChange 改變事件
當利用text或texturea元素輸入字符值改變時發生改事件,同時當在select表格項中一個選項狀態改變後也會引發該事件.
例:
<Form>
<Input type=”text” name=”” value=”” onChange=”check()”>
</Form>
3. 選中事件onSelect
當Text或TextArea對象中的文字被加亮,引發該事件
4. 獲得焦點事件onFocus
當用戶單擊Text或textArea以及select對象時,產生該事件.此時該對象成爲前臺對象
5. 失去焦點onBlur
當Text或textArea以及select對象不再擁有焦急,而倒退倒後臺時,引發該事件,他與onFocus事件是一個對應的關係
6. 載入文件onLoad
當文檔載入時,產生該事件.onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變量爲其賦值,使它可以被源代碼使用.
例:
<body onLoad=”loadform()”>
7. 卸載文件onUnload
當Web頁面推出時引發onUnload事件,並可更新Cookie的狀態
例:
<body onUnload=”Unloadform()”>.
<二>.JavaScript的對象
1. 對象的基本結構
javaScript中的對象是由屬性(Properties)和方法(method)兩個基本的元素構成的.
2. 引用對象的途徑
一個javaScript對象要被正確的應用,可以採用以下方法獲得.
A) 引用JavaScript內部對象
B) 由瀏覽器環境中提供
C) 創建新對象
一個對象被引用前,必須存在,否則引用會毫無意義,而出現錯誤信息
3. 有關對象的操作語句
A) for…in語句
格式如下:
for(對象屬性名 in 已知對象名)
將一個已知對象的所有屬性反覆置給一個變量,而不是使用計數器來實現的.
Ex:
Function showData(object){
For (var x=0;x<30,x++)
Document.write(object[i]);
}
Function showData(object){
For (var prop in object)
Document.write(object[prop]);
}
B) with 語句
在該語句體內,任何對變量的引用被認爲是這個對象的屬性.以節省一些代碼
Ex:
With object{
……}
C) this 關鍵詞
爲防止對象引用的混亂,javaScript提供了一個用於將對象指定當前對象的語句.
D) New 運算符
使用New運算符可以創建一個新的對象.其創建對象使用如下格式:
Newobject = new object(Parameters table);
其中Newobject創建的新對象: object 是已經存在的對象;parameters table參數表;
Ex: 創建一個日期新語句對象:
newData = new Data()
4. 對象屬性的引用
對象屬性的引用可以由下列三種方式之一實現:
A) 使用(.)運算符
Ex:
University.name=”XXXX”;
B) 通過對象的下標實現引用
Ex:
University[0]=”XXXXX”;
C) 通過字符串的形式進行引用
Ex:
University[“name”]=”XXXXX”;
5. 對象的方法引用
在JavaScript中對象方法的引用是非常簡單的.
ObjectName.methods();
<三>.常用對象的屬性和方法
1. String對象(字符串)
A) 屬性 length Ex: object.length
B) 方法
C) 字符串大小轉換 toLowerCase() toUpperCase()
D) 字符搜索 indexOf[character,fromIndex]
E) 返回子字符串 substring(start,end)
2. 算術函數的Math對象
A) math中提供了6個屬性
B) 主要方法:
a) 絕對值: abs()
b) 正玄餘玄值: sin(),cos()
c) 反正玄反餘玄:asin(),acos()
d) 正切反正切: tan(),atan()
e) 四捨五入: round()
f) 平方跟: sqrt()
g) 基於幾次方的值: Pow(base,exponent)
3. 日期及時間對象
提供一個有關日期和時間的對象
MyDate=new Date()
a) 獲取日期的時間方法
getYear(): 返回年數
getMonth(): 返回當月號數
getDate(): 返回當日號數
getDay(): 返回星期幾
getHours(): 返回小時數
getMintes(): 返回分鐘數
getSeconds(): 返回秒數
getTime(): 返回毫秒數
b) 設置日期和時間
setYear(): 設置年
setDate(): 設置當月號數
seMonth(): 設置當月份數
setHours(): 設置小時數
setMintes(): 設置分鐘數
SetSeconds(): 設置妙數
setTime(): 設置毫秒數
<四>.JavaScript中的系統函數
1. 返回字符串表達式中的值
eval(字符串表達式)
2. 返回字符串ASCI碼
unEscape(String)
3. 返回字符的編碼
escape(character)
4. 返回實數
parseFloat(floustring)
5. 返回不同進制的數
parseInt(numbestring,rad.x)
其中radix是數的進制,numbs字符串數
<五>.JavaScript中的系統對象
1. 瀏覽器對象(Navigator)
2. 窗口對象(Windows)
3. 位置對象(Location)
4. 歷史對象(History)
5. 文檔對象(Document)
<六>.窗口對象
A) 窗口對象的方法
1. 創建一個新的窗口open()
window.open(參數)
2. prompt()方法
3. confirm()方法
4. alert() 方法
B) 窗口對象的屬性
1. frames 文檔中幀的數目
2. parent 指明當前窗口或幀的父窗口
3. defaultstatus 默認狀態
4. status 當前信息
5. top 用以實現所有的下級窗口的窗口
6. window. 指的是當前窗口
7. self 引用當前窗口
C) 輸出流及文檔對象
提供了用於顯示關閉,消除,打HTML頁面的輸出流
1. 創建新文檔open() 方法
使用document.open() 創建一個新的窗口或指定的命令窗口內打開文檔.
打開一個窗口的格式:
window.open(“URL”,”窗口名字”,”窗口屬性””)
