JavaScript指令碼語言的使用
JavaScript指令碼語言
一、瞭解JavaScript
1、什麼是JavaScript:一種基於物件和事件驅動並具有安全效能的解釋型指令碼語言,在Web應用開發中非常廣泛的應用。它不需要編譯,直接嵌入在HTTP頁面中,把靜態頁面轉變為支援使用者互動並響應應用事件的動態頁面。在Java Web程式中,經常應用到JavaScript進行資料驗證、控制瀏覽器以及生成時鐘、日曆和時間截文件。
2、JavaScript的主要特點:
JavaScript適用於靜態或動態頁面,是一種廣泛使用的客戶端指令碼語言,它具有解釋性、基於物件、事件驅動、安全性和跨平臺等特點。
解釋性:JavaScript是一種指令碼語言,採用小程式段的方式實現程式設計。和其他指令碼語言一樣,
基於物件:JavaScript是一種基於物件的語言。它可以應用自己建立的物件,因此許多功能來自於指令碼環境中的物件的方法和指令碼的相互作用。
事件驅動:JavaScript可以以事件驅動的方式直接對客戶端的輸入作出響應,無需經過伺服器端程式。
注意:事件驅動就是使用者進行某種操作(如滑鼠按下、選擇選單),計算機隨之做出相應的反應。這裡的某種操作稱之為事件,而計算機做出的響應稱為時間響應。
二、JavaScript語言基礎
1、JavaScript語法:
①JavaScript區分大小寫
②每行結尾的分號可有可無
③變數是弱型別的,無需指定型別,只要用var運算子,就可以將變數初始化為任意值。
2、JavaScript的資料型別:
數值型:整型、浮點型
字元型:與Java不同,沒有char資料型別
布林型:
轉義字元:
空值:
未定義值:
三、流程控制語句
在JavaScript中提供了if條件判斷語句、switch多分支語句、for迴圈語句、while迴圈語句、do...while迴圈語句、break語句和continue語句等。
for迴圈語句也稱為計次迴圈語句,一般用於次數已確定情況下,而while迴圈語句用於次數不確定情況下,while迴圈語句也稱為前測試迴圈語句,
。break語句用於退出包含最內層的迴圈或者退出一個switch語句,通常用於for、while、do...while或switch語句中,continue語句用於中止本次迴圈,最後能用於for、while、do...while和switch語句中。
四、函式
五、事件處理
JavaScript與Web頁面之間的互動是通過使用者操作瀏覽器頁面時觸發相關事件來實現的。事件處理程式是用於響應某個事件而執行的處理程式通常使用特定的自定義函式(Function)來對事件進行處理。
1、JavaScript的常用事件:
onclick:單擊滑鼠左鍵時觸發
ondblclick:雙擊滑鼠左鍵是觸發
Onload:頁面完全載入後,在Window物件上觸發;在所有框架載入後,在框架上觸發;
onmousedown:單擊任何一個滑鼠按鍵時觸發
2、事件處理程式的呼叫:
在JavaScript中呼叫事件處理程式,首先要獲得要處理物件的引用,然後將要執行的處理函式賦值給物件的事件
例如:
<input type=”button” id=”sava” value=”儲存”>
<script language=”javascript”>
var save=document.getElementById(“save”);
Save.onclick=function(){
alert(“單擊了儲存按鈕”);
}
</script>
六、常用的物件
JavaScript是一種基於物件的語言。它可以應用自己建立的物件,因此許多功能來自於指令碼環境中的物件的方法和指令碼的相互作用。
1、Window物件
Window物件即瀏覽器視窗物件,是一個全域性物件,是所有物件的頂級物件。Window物件同Math物件一樣,不需要使用new關鍵字去例項化物件例項,可以直接使用“物件名.成員”的格式訪問其屬性和方法。由於Window物件使用十分頻繁,又是其他物件的父物件,所以在使用Window物件的屬性和方法時,JavaScript允許省略Window物件的名稱。例如,在使用Window物件的alert()方法彈出一個提示對話方塊時,可以使用下面的語句:window.alert(“dsdds”);也可以使用alert(“dsdds”);
2、String物件
在JavaScript中可以將用單引號和雙引號括起來的一個字串當做字串物件的例項,所以可以在某個字串後面加上“.”去呼叫String物件的屬性和方法。如:“sdfg”.length.
3、Date物件
通過var now=new Date()獲取當前系統時間
var year=now.getFullYear()獲取年份
var date=now.getDate()獲取日期
var day=now.getDay()獲取星期,day的值是0~6
七、DOM技術
DOM是文件物件模型的簡稱,是表示文件和訪問、操作構成文件的各種元素(如HTML標記和文字串)的應用程式介面(API)
1、DOM的分層結構
在DOM中,文件的層次是以樹形的形式表示。DOM樹的根節點是個Document物件,該物件的documentElement屬性引用表示文件根元素的Element物件。
2、遍歷文件
在DOM中,HTML文件中的各個節點被視為各種型別的Node物件,並且將HTML文件表示為Node物件的樹。對於任何一個樹形結構來說,最常做的就是遍歷樹。Node物件的常用屬性:
parentNode:節點的父節點,沒有父節點是為null
childNode:節點的所有子節點
firstChild:節點的第一個子節點,沒有為null
lastChild:節點的最後個子節點
previousSibling:節點的上個節點
nextChild:節點的下個節點
nodeName:節點名
nodeValue:節點值
nodeType:節點型別
3、獲得文件中的制定元素
①通過元素ID屬性獲取元素,如:
document.getElementById(“userId”);
②通過元素name屬性獲取元素,該返回值是個陣列,而不是一個元素.如果想通過name屬性獲取頁面中的唯一的元素,可以通過獲取返回陣列中下標值為0的元素進行獲取,如:
document.getElementByName(“name”)[0].