JavaScript腳本語(yǔ)言.分析

1、本講大綱：1、JavaScript的語(yǔ)言基礎(chǔ)3、JavaScript函數(shù)的定義及調(diào)用2、JavaScript的流程控制語(yǔ)句4、事件處理JavaScript腳本語(yǔ)言5、常用對(duì)象6、DOM技術(shù) JavaScript與其他語(yǔ)言一樣，有其自己的基本語(yǔ)法、數(shù)據(jù)類型、運(yùn)算符和流程控制語(yǔ)句，這些都是學(xué)習(xí)JavaScript的語(yǔ)言基礎(chǔ)。下面將對(duì)JavaScript的語(yǔ)言基礎(chǔ)進(jìn)行詳細(xì)介紹。u基本語(yǔ)法u數(shù)據(jù)類型u變量u運(yùn)算符JavaScript的的語(yǔ)語(yǔ)言基言基礎(chǔ)礎(chǔ) JavaScript的語(yǔ)法比較簡(jiǎn)單，在編寫(xiě)時(shí)，只需要注意以下事項(xiàng)就可以了。uJavaScript區(qū)分大小寫(xiě)。例如，變量goodsName與變量good

2、sname是兩個(gè)不同的變量。u每行結(jié)尾可以加分號(hào)表示語(yǔ)句結(jié)束，也可以不加分號(hào)。如果不加結(jié)尾處的分號(hào)，JavaScript會(huì)自動(dòng)將該行代碼的結(jié)尾作為語(yǔ)句的結(jié)尾。u變量是弱類型的，因此在定義變量時(shí)，只使用var運(yùn)算符就可以將變量初始化為任意的值。u使用大括號(hào)標(biāo)記代碼段，被封裝在大括號(hào)內(nèi)的語(yǔ)句將按順序執(zhí)行。uJavaScript提供了兩種注釋，即使用雙斜線“/”開(kāi)頭的單行注釋和以“/*”開(kāi)頭，以“*/”結(jié)尾的多行注釋?；菊Z(yǔ)法數(shù)據(jù)類型類型含義說(shuō)明示例int數(shù)值整型整數(shù)，可以為正數(shù)、負(fù)數(shù)或017，-80，0float浮點(diǎn)型浮點(diǎn)數(shù)，可以使用實(shí)數(shù)的普通形式或科學(xué)計(jì)數(shù)法表示3.14159.27，6.16e4

3、string字符串類型字符串，是用單引號(hào)或雙引號(hào)括起來(lái)的一個(gè)或多個(gè)字符qq，一片冰心在玉壺boolean布爾型只有true或false兩個(gè)值true，falseobject對(duì)象類型null空類型沒(méi)有任何值undefined未定義類型指變量被創(chuàng)建，但未賦值時(shí)所具有的值 變量是指程序中一個(gè)已經(jīng)命名的存儲(chǔ)單元，它的主要作用就是為數(shù)據(jù)操作提供存放信息的容器。在JavaScript中，可以使用命令var聲明變量，語(yǔ)法格式如下：var number;在聲明變量的同時(shí)也可以對(duì)變量進(jìn)行賦值：var number=100;JavaScript的關(guān)鍵字如下表所示。變量abstractcontinuefinally

4、instanceofprivatethisbooleandefaultfloatintpublicthrowbreakdoforinterfacereturntypeofbytedoublefunctionlongshorttruecaseelsegotonativestaticvarcatchextendsimplementsnewsupervoidcharfalseimportnullswitchwhileclassfinalinpackagesynchronizedwith 在JavaScript中提供了賦值運(yùn)算符、算術(shù)運(yùn)算符、關(guān)系運(yùn)算符、邏輯運(yùn)算符、條件運(yùn)算符和字符串運(yùn)算符等6種常用的

5、運(yùn)算符。u賦值運(yùn)算符u算術(shù)運(yùn)算符u關(guān)系運(yùn)算符u邏輯運(yùn)算符u條件運(yùn)算符u字符串運(yùn)算符運(yùn)算符 最基本的賦值運(yùn)算符是等于號(hào)“=”，用于對(duì)變量進(jìn)行賦值，而其他運(yùn)算符可以和賦值運(yùn)算符“=”聯(lián)合使用，構(gòu)成組合賦值運(yùn)算符。JavaScript支持的常用賦值運(yùn)算符如下表所示。賦值運(yùn)算符運(yùn)算符描 述示例=將右邊表達(dá)式的值賦給左邊的變量username=mr+=將運(yùn)算符左邊的變量加上右邊表達(dá)式的值賦給左邊的變量a+=b /相當(dāng)于a=a+b-=將運(yùn)算符左邊的變量減去右邊表達(dá)式的值賦給左邊的變量a-=b /相當(dāng)于a=a-b*=將運(yùn)算符左邊的變量乘以右邊表達(dá)式的值賦給左邊的變量a*=b /相當(dāng)于a=a*b/=將運(yùn)算符左

6、邊的變量除以右邊表達(dá)式的值賦給左邊的變量a/=b /相當(dāng)于a=a/b%=將運(yùn)算符左邊的變量用右邊表達(dá)式的值求模，并將結(jié)果賦給左邊的變量a%=b /相當(dāng)于a=a%b&=將運(yùn)算符左邊的變量與右邊表達(dá)式的值進(jìn)行邏輯與運(yùn)算，并將結(jié)果賦給左邊的變量a&=b /相當(dāng)于a=a&b|=將運(yùn)算符左邊的變量與右邊表達(dá)式的值進(jìn)行邏輯或運(yùn)算，并將結(jié)果賦給左邊的變量a|=b /相當(dāng)于a=a|b=將運(yùn)算符左邊的變量與右邊表達(dá)式的值進(jìn)行異或運(yùn)算，并將結(jié)果賦給左邊的變量a=b /相當(dāng)于a=ab 算術(shù)運(yùn)算符等同于數(shù)學(xué)運(yùn)算，即在程序中進(jìn)行加、減、乘、除等運(yùn)算。在JavaScript中常用的算術(shù)運(yùn)算符如下表所示。算術(shù)運(yùn)算符運(yùn)算符描

7、 述示例+加運(yùn)算符1+7 /返回值為8減運(yùn)算符9-2 /返回值為7*乘運(yùn)算符4*9 /返回值為36/除運(yùn)算符6/3 返回值為2%求模運(yùn)算符9%4 返回值為1+自增運(yùn)算符。該運(yùn)算符有兩種情況：i+（在使用i之后，使i的值加1）；+i（在使用i之前，先使i的值加1）i=1; j=i+ /j的值為1，i的值為2i=1; j=+i /j的值為2，i的值為2-自減運(yùn)算符。該運(yùn)算符有兩種情況：i-（在使用i之后，使i的值減1）；-i（在使用i之前，先使i的值減1）i=7; j=i- /j的值為7，i的值為6i=7; j=-i /j的值為6，i的值為6關(guān)系運(yùn)算符的基本操作過(guò)程是：首先對(duì)操作數(shù)進(jìn)行比較，這個(gè)操

8、作數(shù)可以是數(shù)字也可以是字符串，然后返回一個(gè)布爾值true或false。JavaScript支持的常用關(guān)系運(yùn)算符如下表所示。關(guān)系運(yùn)算符運(yùn)算符描述示例小于1大于710 /返回值為false=小于等于10=大于等于3=6 /返回值為false=等于。只根據(jù)表面值進(jìn)行判斷，不涉及數(shù)據(jù)類型17=17 /返回值為true=絕對(duì)等于。根據(jù)表面值和數(shù)據(jù)類型同時(shí)進(jìn)行判斷17=17 /返回值為false!=不等于。只根據(jù)表面值進(jìn)行判斷，不涉及數(shù)據(jù)類型17!=17 /返回值為false 邏輯運(yùn)算符返回一個(gè)布爾值，通常和比較運(yùn)算符一起使用，用來(lái)表示復(fù)雜的比較運(yùn)算，常用于if、while和for語(yǔ)句中。JavaScri

9、pt中常用的邏輯運(yùn)算符如下表所示。邏輯運(yùn)算符運(yùn)算符描述示例!邏輯非。否定條件，即!假真，!真假!true /值為false&邏輯與。只有當(dāng)兩個(gè)操作數(shù)的值都為true時(shí)，值才為truetrue & flase /值為false|邏輯或。只要兩個(gè)操作數(shù)其中之一為true，值就為truetrue | false /值為true 條件運(yùn)算符是JavaScript支持的一種特殊的3目運(yùn)算符，同Java中的3目運(yùn)算符類似，其語(yǔ)法格式如下：操作數(shù)?結(jié)果1:結(jié)果2如果“操作數(shù)”的值為true，則整個(gè)表達(dá)式的結(jié)果為“結(jié)果1”，否則為“結(jié)果2”。條件運(yùn)算符 流程控制語(yǔ)句對(duì)于任何一門(mén)編程語(yǔ)言都是至關(guān)重要的，Java

10、Script也不例外。在JavaScript中提供了if條件判斷語(yǔ)句、for循環(huán)語(yǔ)句、while循環(huán)語(yǔ)句、dowhile循環(huán)語(yǔ)句、break語(yǔ)句、continue語(yǔ)句和switch多分支語(yǔ)句等7種流程控制語(yǔ)句。uif條件判斷語(yǔ)句ufor循環(huán)語(yǔ)句uwhile循環(huán)語(yǔ)句udowhile循環(huán)語(yǔ)句ubreak語(yǔ)句ucontinue語(yǔ)句uswitch語(yǔ)句JavaScript的流程控制的流程控制語(yǔ)語(yǔ)句句對(duì)變量或表達(dá)式進(jìn)行判定并根據(jù)判定結(jié)果進(jìn)行相應(yīng)的處理，可以使用if語(yǔ)句。if語(yǔ)句的語(yǔ)法格式如下：if(條件表達(dá)式)語(yǔ)句序列1 /條件滿足時(shí)執(zhí)行else語(yǔ)句序列2 /條件不滿足時(shí)執(zhí)行執(zhí)行上述if語(yǔ)句時(shí)，首先計(jì)算“

11、條件表達(dá)式（任意的邏輯表達(dá)式）”的值，如果為true，就執(zhí)行“語(yǔ)句序列1”，執(zhí)行完畢后結(jié)束該if語(yǔ)句；否則執(zhí)行“語(yǔ)句序列2”，執(zhí)行后同樣結(jié)束該if語(yǔ)句。if條件判斷語(yǔ)句 for語(yǔ)句是JavaScript語(yǔ)言中應(yīng)用比較廣泛的條件語(yǔ)句。通常for語(yǔ)句使用一個(gè)變量作為計(jì)數(shù)器來(lái)執(zhí)行循環(huán)的次數(shù)，這個(gè)變量就稱為循環(huán)變量。for語(yǔ)句的語(yǔ)法格式如下：for(循環(huán)變量賦初值;循環(huán)條件;循環(huán)變量增值)循環(huán)體;u循環(huán)變量賦初值：是一條初始化語(yǔ)句，用來(lái)對(duì)循環(huán)變量進(jìn)行初始化賦值u循環(huán)條件：是一個(gè)包含比較運(yùn)算符的表達(dá)式，用來(lái)限定循環(huán)變量的邊限。如果循環(huán)變量超過(guò)了該邊限，則停止該循環(huán)語(yǔ)句的執(zhí)行u循環(huán)變量增值：用來(lái)指定循環(huán)變

12、量的步幅u for語(yǔ)句可以使用break語(yǔ)句來(lái)中止循環(huán)語(yǔ)句的執(zhí)行。break語(yǔ)句默認(rèn)情況下是終止當(dāng)前的循環(huán)語(yǔ)句for循環(huán)語(yǔ)句 while語(yǔ)句是另一種基本的循環(huán)語(yǔ)句，其結(jié)構(gòu)和for語(yǔ)句有些類似，但是while語(yǔ)句不包含循環(huán)變量的初始化及循環(huán)變量的步幅。其語(yǔ)法格式如下：while (條件表達(dá)式)循環(huán)體使用while語(yǔ)句時(shí)，必須先聲明循環(huán)變量并且在循環(huán)體中指定循環(huán)變量的步幅，否則while語(yǔ)句將成為一個(gè)死循環(huán)。while循環(huán)語(yǔ)句 dowhile語(yǔ)句和while語(yǔ)句非常相似，所不同的是它是在循環(huán)底部檢測(cè)循環(huán)表達(dá)式，而不是像while語(yǔ)句那樣在循環(huán)頂部進(jìn)行檢測(cè)。這就保證了循環(huán)體至少被執(zhí)行一次。dowhi

13、le語(yǔ)句的語(yǔ)法格式如下：do循環(huán)體 while (條件表達(dá)式);dowhile循環(huán)語(yǔ)句 switch是典型的多路分支語(yǔ)句，其作用與嵌套使用if語(yǔ)句基本相同，但switch語(yǔ)句比if語(yǔ)句更具有可讀性，而且switch語(yǔ)句允許在找不到一個(gè)匹配條件的情況下執(zhí)行默認(rèn)的一組語(yǔ)句。switch語(yǔ)句的語(yǔ)法格式如下：switch (expression) case judgement1: statement1; break; case judgement2: statement2; break; default: defaultstatement; break;uexpression：為任意的表達(dá)式或變量uj

14、udgement：為任意的常數(shù)表達(dá)式。當(dāng)expression的值與某個(gè)judgement的值相等時(shí)，就執(zhí)行此case后的statement語(yǔ)句，如果expression的值與所有的judgement的值都不相等時(shí)，則執(zhí)行default后面的defaultstatement語(yǔ)句ubreak：用于結(jié)束switch語(yǔ)句，從而使JavaScript只執(zhí)行匹配的分支。如果沒(méi)有了break語(yǔ)句，則該switch語(yǔ)句的所有分支都將被執(zhí)行，switch語(yǔ)句也就失去了使用的意義switch語(yǔ)句在JavaScript中，函數(shù)可以分為定義和調(diào)用兩部分。u函數(shù)的定義u函數(shù)的調(diào)用JavaScript函函數(shù)數(shù)的定的定義義

15、及及調(diào)調(diào)用用在JavaScript中，定義函數(shù)最常的方法是通過(guò)function語(yǔ)句實(shí)現(xiàn)，其語(yǔ)法格式如下：function functionName(parameter1, parameter2,)statements;return expression;ufunctionName：必選，用于指定函數(shù)名。在同一個(gè)頁(yè)面中，函數(shù)名必須是惟一的，并且區(qū)分大小寫(xiě)。uparameter1, parameter2,：可選，用于指定參數(shù)列表。當(dāng)使用多個(gè)參數(shù)時(shí)，參數(shù)間使用逗號(hào)進(jìn)行分隔。一個(gè)函數(shù)最多可以有255個(gè)參數(shù)。ustatements：必選，是函數(shù)體，用于實(shí)現(xiàn)函數(shù)功能的語(yǔ)句。ureturn expressi

16、on;：可選，用于返回函數(shù)值。expression為任意的表達(dá)式、變量或常量。函數(shù)的定義 JavaScript可以以事件驅(qū)動(dòng)的方式直接對(duì)客戶端的輸入作出響應(yīng)，無(wú)須經(jīng)過(guò)服務(wù)器端程序；也就是說(shuō)，JavaScript是事件驅(qū)動(dòng)的。它可以使在圖形界面環(huán)境下的一切操作變得簡(jiǎn)單化。下面將對(duì)事件及事件處理程序進(jìn)行詳細(xì)介紹。u什么是事件處理程序u事件類型u事件處理程序的調(diào)用事件事件處處理理事件類型事 件何 時(shí) 觸 發(fā)onabort對(duì)象載入被中斷時(shí)觸發(fā)onblur元素或窗口本身失去焦點(diǎn)時(shí)觸發(fā)onchange改變?cè)刂械倪x項(xiàng)或其他表單元素失去焦點(diǎn)，并且在其獲取焦點(diǎn)后內(nèi)容發(fā)生過(guò)改變時(shí)觸發(fā)onclick單擊鼠標(biāo)左鍵時(shí)

17、觸發(fā)。當(dāng)光標(biāo)的焦點(diǎn)在按鈕上，并按下回車鍵時(shí)，也會(huì)觸發(fā)該事件ondblclick雙擊鼠標(biāo)左鍵時(shí)觸發(fā)onerror出現(xiàn)錯(cuò)誤時(shí)觸發(fā)onfocus任何元素或窗口本身獲得焦點(diǎn)時(shí)觸發(fā)onkeydown鍵盤(pán)上的按鍵（包括Shift或Alt等鍵）被按下時(shí)觸發(fā)，如果一直按著某鍵，則會(huì)不斷觸發(fā)。當(dāng)返回false時(shí)，取消默認(rèn)動(dòng)作onkeypress鍵盤(pán)上的按鍵被按下，并產(chǎn)生一個(gè)字符時(shí)發(fā)生。也就是說(shuō)，當(dāng)按下Shift或Alt等鍵時(shí)不觸發(fā)。如果一直按下某鍵時(shí)，會(huì)不斷觸發(fā)。當(dāng)返回false時(shí)，取消默認(rèn)動(dòng)作onkeyup釋放鍵盤(pán)上的按鍵時(shí)觸發(fā)onload頁(yè)面完全載入后，在Window對(duì)象上觸發(fā)；所有框架都載入后，在框架集上

18、觸發(fā)；標(biāo)記指定的圖像完全載入后，在其上觸發(fā)；或標(biāo)記指定的對(duì)象完全載入后，在其上觸發(fā)onmousedown單擊任何一個(gè)鼠標(biāo)按鍵時(shí)觸發(fā)onmousemove鼠標(biāo)在某個(gè)元素上移動(dòng)時(shí)持續(xù)觸發(fā)onmouseout將鼠標(biāo)從指定的元素上移開(kāi)時(shí)觸發(fā)onmouseover鼠標(biāo)移到某個(gè)元素上時(shí)觸發(fā)onmouseup釋放任意一個(gè)鼠標(biāo)按鍵時(shí)觸發(fā)onreset單擊重置按鈕時(shí)，在上觸發(fā)onresize窗口或框架的大小發(fā)生改變時(shí)觸發(fā)onscroll在任何帶滾動(dòng)條的元素或窗口上滾動(dòng)時(shí)觸發(fā)onselect選中文本時(shí)觸發(fā)onsubmit單擊提交按鈕時(shí)，在上觸發(fā)onunload頁(yè)面完全卸載后，在Window對(duì)象上觸發(fā)；或者所有框架

19、都卸載后，在框架集上觸發(fā)在使用事件處理程序?qū)?yè)面進(jìn)行操作時(shí)，最主要的是如何通過(guò)對(duì)象的事件來(lái)指定事件處理程序。指定方式主要有以下兩種：u在JavaScript中在JavaScript中分配事件處理程序，首先需要獲得要處理對(duì)象的引用，然后將要執(zhí)行的處理函數(shù)賦值給對(duì)應(yīng)的事件處理程序。例如：var img=document.getElementById(img_download);img.onclick=function()alert(單擊了圖片);u在HTML中在HTML中分配事件處理程序，只需要在HTML標(biāo)記中添加相應(yīng)的事件處理程序的屬性，并在其中指定作為屬性值的代碼或是函數(shù)名稱即可。例如：事件事

20、件處處理程序的理程序的調(diào)調(diào)用用uString對(duì)象uDate對(duì)象uwindow對(duì)象常用常用對(duì)對(duì)象象String對(duì)象的常用屬性和方法如下表所示。String對(duì)對(duì)象象屬性/方法說(shuō)明length用于返回String對(duì)象的長(zhǎng)度split(separator,limit)用separator分隔符將字符串劃分成子串并將其存儲(chǔ)到數(shù)組中，如果指定了limit，則數(shù)組限定為limit給定的數(shù)，separator分隔符可以是多個(gè)字符或一個(gè)正則表達(dá)式，它不作為任何數(shù)組元素的一部分返回substr(start,length)返回字符串中從startIndex開(kāi)始的length個(gè)字符的子字符串substring(fro

21、m,to)返回以from開(kāi)始、以to結(jié)束的子字符串replace(searchValue,replaceValue)將searchValue換成replaceValue并返回結(jié)果charAt(index)返回字符串對(duì)象中的指定索引號(hào)的字符組成的字符串，位置的有效值為0到字符串長(zhǎng)度減1的數(shù)值。一個(gè)字符串的第一個(gè)字符的索引位置為0，第二個(gè)字符位于索引位置1，依次類推。當(dāng)指定的索引位置超出有效范圍時(shí)，charAt方法返回一個(gè)空字符串toLowerCase()返回一個(gè)字符串，該字符串中的所有字母都被轉(zhuǎn)換為小寫(xiě)字母toUpperCase()返回一個(gè)字符串，該字符串中的所有字母都被轉(zhuǎn)換為大寫(xiě)字母Date對(duì)

22、象是一個(gè)有關(guān)日期和時(shí)間的對(duì)象。它具有動(dòng)態(tài)性，即必須使用new運(yùn)算符創(chuàng)建一個(gè)實(shí)例。例如：mydatenew Date();Date對(duì)對(duì)象象獲取日期和時(shí)間的方法說(shuō)明設(shè)置日期和時(shí)間的方法說(shuō)明getFullYear()返回用4位數(shù)表示的年份setFullYear()設(shè)置年份，用4位數(shù)表示getMonth()返回月份（0-11）setMonth()設(shè)置月份（0-11）getDate()返回日數(shù)（1-31）setDate()設(shè)置日數(shù)（1-31）getDay()返回星期（0-6）setDay()設(shè)置星期（0-6）getHours()返回小時(shí)數(shù)（0-23）setHours()設(shè)置小時(shí)數(shù)（0-23）getMin

23、utes()返回分鐘數(shù)（0-59）setMinutes()設(shè)置分鐘數(shù)（0-59）getSeconds()返回秒數(shù)（0-59）setSeconds()設(shè)置秒數(shù)（0-59）getTime()返回Date對(duì)象的內(nèi)部毫秒表示setTime()使用毫秒形式設(shè)置Date對(duì)象 window對(duì)象是瀏覽器（網(wǎng)頁(yè)）的文檔對(duì)象模型結(jié)構(gòu)中最高級(jí)的對(duì)象，它處于對(duì)象層次的頂端，提供了用于控制瀏覽器窗口的屬性和方法。window對(duì)象的常用屬性如下表所示。window對(duì)對(duì)象象屬性描述frames表示當(dāng)前窗口中所有frame對(duì)象的集合location用于代表窗口或框架的Location對(duì)象。如果將一個(gè)RUL賦予給該屬性，那瀏覽

24、器將加載并顯示該URL指定的文檔length窗口或框架包含的框架個(gè)數(shù)history對(duì)窗口或框架的History對(duì)象的只讀引用name用于存放窗口的名字status一個(gè)可讀寫(xiě)的字符，用于指定狀態(tài)欄中的當(dāng)前信息parent表示包含當(dāng)前窗口的父窗口opener表示打開(kāi)當(dāng)前窗口的父窗口closed一個(gè)只讀的布爾值，表示當(dāng)前窗口是否關(guān)閉。當(dāng)瀏覽器窗口關(guān)閉時(shí)，表示該窗口的Window對(duì)象并不會(huì)消失，不過(guò)它的closed屬性被設(shè)置為true方法描述alert()彈出一個(gè)警告對(duì)話框confirm()顯示一個(gè)確認(rèn)對(duì)話框，單擊“確認(rèn)”按鈕時(shí)返回true，否則返回falseprompt()彈出一個(gè)提示對(duì)話框，并要求

25、輸入一個(gè)簡(jiǎn)單的字符串close()關(guān)閉窗口focus()把鍵盤(pán)的焦點(diǎn)賦予給頂層瀏覽器窗口。在多數(shù)平臺(tái)上，這將使用窗口移到最前邊open()打開(kāi)一個(gè)新窗口setTimeout(timer)在經(jīng)過(guò)指定的時(shí)間后執(zhí)行代碼clearTimeout()取消對(duì)指定代碼的延遲執(zhí)行resizeBy(offsetx,offsety)按照指定的位移量設(shè)置窗口的大小print()相當(dāng)于瀏覽器工具欄中的“打印”按鈕setInterval()周期執(zhí)行指定的代碼clearInterval()停止周期性地執(zhí)行代碼window對(duì)象的常用方法如下表所示。 DOM是Document Object Model（文檔對(duì)象模型）的簡(jiǎn)稱，

26、是表示文檔（如HTML文檔）和訪問(wèn)、操作構(gòu)成文檔的各種元素（如HTML標(biāo)記和文本串）的應(yīng)用程序接口（API）。它提供了文檔中獨(dú)立元素的結(jié)構(gòu)化、面向?qū)ο蟮谋硎痉椒?，并允許通過(guò)對(duì)象的屬性和方法訪問(wèn)這些對(duì)象。另外，文檔對(duì)象模型還提供了添加和刪除文檔對(duì)象的方法，這樣能夠創(chuàng)建動(dòng)態(tài)的文檔內(nèi)容。DOM也提供了處理事件的接口，它允許捕獲和響應(yīng)用戶以及瀏覽器的動(dòng)作。uDOM的分層結(jié)構(gòu)u遍歷文檔u獲取文檔中的指定元素DOM技技術(shù)術(shù)下面以一個(gè)簡(jiǎn)單的HTML文檔說(shuō)明DOM的分層結(jié)構(gòu)。一個(gè)HTML文檔歡迎訪問(wèn)明日科技網(wǎng)站！ http:/DOM的分的分層結(jié)構(gòu)層結(jié)構(gòu)Node對(duì)象的常用屬性如下表所示。遍遍歷歷文文檔檔屬 性類 型描 述parentNodeNode節(jié)點(diǎn)的父節(jié)點(diǎn)，沒(méi)有父節(jié)點(diǎn)時(shí)為nullchildNodesNodeList節(jié)點(diǎn)的所有子節(jié)點(diǎn)的NodeListfirstChildNode節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)，沒(méi)有則為nulllastChildNode節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)，沒(méi)有則為nullpreviousSiblingNode節(jié)點(diǎn)的上一個(gè)節(jié)點(diǎn)，沒(méi)有則為nullnextChildNode節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)，沒(méi)有則為nullnodeNameString節(jié)點(diǎn)名nodeValueString節(jié)點(diǎn)值nodeTypeshort表示節(jié)點(diǎn)類型的整型常量（如表10.20所示）Node對(duì)象的節(jié)點(diǎn)類型、節(jié)點(diǎn)名