JavaScript是一種比較流行的製作網頁特效的指令碼語言,它由用戶端瀏覽器解釋執行,可以應用在JSP、PHP和ASP.NET等網站中。
JavaScript與其他語言一樣,有自己的基本文法、資料類型、運算子和流程式控制制語句。
1、變數的使用
使用命令var聲明變數。例如:var number=10;
由於JavaScript採用弱類型的形式,所以在聲明變數時,不需要指定變數的類型,而是根據其變數的賦值來確定資料類型。
2、資料類型
- JavaScript沒有char資料類型,只有字元型,它是使用單引號或雙引號括起來的一個或多個字元,要表示單個字元必須使用長度為1的字串。
- 特殊類型的數字常量:NaN,即“非數字”。當在程式中由於某種原因發生計算錯誤後,將產生一個沒有意義的數字,此時JavaScript返回的數字就是NaN。
3、函數的定義
函數是由關鍵字function、函數名加一組參數以及置於大括弧中要執行的一段代碼定義。參數不需要加var關鍵字聲明。
在JavaScript中,由於函數名區分大小寫,所以,在調用函數時,也需要注意函數名的大小寫。
4、事件處理
JavaScript是一種事件驅動的語言,它主動作事很少,它一直等待使用者的操作,然後通過執行一段指令碼對使用者的操作做出反應。
1)JavaScript的常用事件
onabort(對象載入被中斷時觸發)
onblur(使用在表單元素中,當元素或視窗本身失去焦點的時候執行)
onchange(使用在表單元素中,改變<select>元素中的選項或其他表單元素失去焦點時,並且再起擷取焦點後內容發生過改變時執行)
onclick(滑鼠點擊一個元素時執行,當游標的焦點在按鈕上,並按下斷行符號鍵時也會觸發)
ondblclick(滑鼠雙擊一個元素時執行)
onfocus(任何元素或視窗本身獲得焦點時執行)
onkeydown (按下某個按鍵時執行,如果一直按著鍵盤會不斷觸發,當返回false時,取消預設操作)
onkeypress(按下和釋放某個按鍵時執行,具體應該是鍵盤鍵被按下,併產生一個字元時發生)
onkeyup(釋放某個按鍵時執行)
onload(在body標籤中使用,頁面完全載入後在windows對象上觸發;所有架構都載入後在框架組上觸發;<img>標記指定的映像完全載入後在其上觸發;或<object>標記指定的對象完全載入後在其上觸發)
onmousedown(單擊任何滑鼠按鍵時執行)
onmousemove(滑鼠游標在元素上移動時持續執行)
onmouseout(滑鼠游標移開元素時執行)
onmouseover(滑鼠游標移到元素上時執行)
onmouseup(當釋放滑鼠按鍵時執行)
onscroll(在任何帶捲軸的元素或視窗上滾動時觸發)
onreset(用在表單元素中,當表單重設(單擊重設按鈕)時執行)
onselect(選中文本時觸發)
onsubmit(用在表單元素中,當表單提交時在<form>上執行)
onunload(用在body標籤中,當關閉頁面時執行)
2)指定事件處理常式的方法
- 在HTML中直接指定事件處理常式:只需在HTML標記中添加相應的事件,並為該事件指定要執行的代碼或是函數名即可。樣本如下:
<input name="br_register" type="button" value="註冊" onclick="alert('單擊了註冊按鈕');">
- 在JavaScript中直接指定事件處理常式:首先需要擷取要處理對象的引用,然後將需要執行的處理函數賦值給對應的事件。例如:
<body>
<input name="br_register" type="button" value="註冊" >
<script type="text/javascript" language="javascript">
var b_register=document.getElementsByName(br_register);
br_register.onclick=click;
function click(){
alert('單擊了註冊按鈕');
}
</script>
</body>
注意:在JavaScript中直接指定事件處理常式時,事件名稱必須為小寫,才能正確響應事件,並且在指定事件處理常式時,不能加上函數後面的小括弧"()".
- 在在JavaScript中通過匿名函數指定事件處理常式:它和在JavaScript中直接指定事件處理常式一樣,也需要先獲得要處理對象的引用,然後在通過匿名函數的形式將要執行的代碼賦值給對應的事件。例如:
<body>
<input name="br_register" type="button" value="註冊" >
<script type="text/javascript" language="javascript">
var b_register=document.getElementsByName(br_register);
br_register.onclick=function(){
alert('單擊了註冊按鈕');
}
</script>
</body>