ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與Ajax技術(shù)_第1頁(yè)
ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與Ajax技術(shù)_第2頁(yè)
ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與Ajax技術(shù)_第3頁(yè)
ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與Ajax技術(shù)_第4頁(yè)
ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與Ajax技術(shù)_第5頁(yè)
已閱讀5頁(yè)，還剩80頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第7章JavaScriptJavaScript的特點(diǎn)事件驅(qū)動(dòng)解釋基于對(duì)象瀏覽器語(yǔ)言JavaScript的作用1.校驗(yàn)用戶輸入的表單內(nèi)容；2.動(dòng)態(tài)添加網(wǎng)頁(yè)內(nèi)容；3.為靜態(tài)網(wǎng)頁(yè)增加一些特效（如動(dòng)畫(huà)效果）4.操縱DOM元素（改變?cè)氐膶傩院蛢?nèi)容）網(wǎng)頁(yè)中插入JavaScript腳本的方法使用<script>標(biāo)記將腳本嵌入到網(wǎng)頁(yè)中（嵌入式）直接將腳本嵌入到HTML標(biāo)記的事件中（行內(nèi)式）通過(guò)<script>標(biāo)記的src屬性鏈接外部腳本文件（鏈接式）第一個(gè)JavaScript程序<html><head><title>第一個(gè)JavaScript程序</title><scripttype="text/JavaScript"> <!--type屬性也可省略--> functionmsg() //JavaScript注釋：建立函數(shù)

{alert("Hello,theWEBworld!")}</script></head><body><ponClick="msg()">ClickHere</p><!--HTML注釋,調(diào)用函數(shù)--></body></html>開(kāi)發(fā)和調(diào)試JavaScript的工具Firefox：【工具】→【錯(cuò)誤控制臺(tái)】IE：【工具】→【Internet選項(xiàng)】→【高級(jí)】→【顯示每個(gè)腳本錯(cuò)誤的通知】勾選中代碼提示：DreamweaverCS4，Aptana

JavaScript

語(yǔ)言基礎(chǔ)JavaScript變量弱類型變量，用“var”關(guān)鍵字，并可以將其初始化為任何值varname="SixHang";varage＝28;varschool="CSU";varmale=true;變量命名規(guī)范：第一個(gè)單詞所有字母都小寫(xiě)，以后每個(gè)單詞第一個(gè)字母大寫(xiě)，例如：sMyString變量的命名原則首字符必須是字母、下劃線（_）或美元符（$）余下的字母可以是下劃線。美元符號(hào)、任意字母或者數(shù)字；變量名不能是關(guān)鍵字或保留字變量名對(duì)大小寫(xiě)敏感變量名中不能有空格、回車(chē)符或其他標(biāo)點(diǎn)字符var5zhao; //數(shù)字開(kāi)頭，非法vartang-s,tang’s; varthis; //不能使用關(guān)鍵字作變量名運(yùn)算符運(yùn)算符是指完成操作的一系列符號(hào)，也稱為操作符1.算術(shù)運(yùn)算符+、-、*、/、%、++、--

2.比較運(yùn)算符>、<、>=、<=、==、===、!=、!==3.邏輯運(yùn)算符&&、||、!4.賦值運(yùn)算符=+、=、-=運(yùn)算符（續(xù)）5.連接運(yùn)算符+6.其他運(yùn)算符?:、typeof、[]、()、new表達(dá)式表達(dá)式是運(yùn)算符和操作數(shù)的組合3.2.3JavaScript數(shù)據(jù)類型字符串（String）varcourse="datastructure“（1）length屬性：（2）charAt方法（4）indexOf：用于查找和定位子串（6）substr方法（8）split方法：根據(jù)指定的符號(hào)將字符串分割成一個(gè)數(shù)組。數(shù)值型（number）在Javascript中，數(shù)值型數(shù)據(jù)不區(qū)分整型和浮點(diǎn)型，數(shù)值型數(shù)據(jù)和字符型數(shù)據(jù)的區(qū)別是數(shù)值型數(shù)據(jù)不要用引號(hào)括起來(lái)。例如下面都是正確的數(shù)值表示法，varnum1=23.45varnum2=76varnum3=-9e5//科學(xué)計(jì)數(shù)法，即-900000alert(num1+""+num2+""+num3);布爾型（boolean）布爾型數(shù)據(jù)的取值只有兩個(gè)：true和false。布爾型數(shù)據(jù)不能用引號(hào)引起來(lái)，否則就變成字符串了。用方法typeof()可以返回一個(gè)字符串，字符串的內(nèi)容就是變量的數(shù)據(jù)類型名。varmarried=true;document.write(typeof(married)+"<br/>");

//輸出booleanmarried="true";document.write(typeof(married)); //輸出？3.2.4數(shù)組（array）1.數(shù)組的定義（三種方法）varrank=newArray(12);//第1種定義方法varMap=newArray(“China”,“USA”,“Britain”); //第2種定義方法varMap=["China","USA","Britain"]; //第3種定義方法2.數(shù)組的常用屬性和方法（1）length屬性：用來(lái)獲取數(shù)組的長(zhǎng)度（2）toString方法：將數(shù)組轉(zhuǎn)化為字符串（4）join方法：將數(shù)組的內(nèi)容連接起來(lái)，返回字符串（9）slice方法：返回?cái)?shù)組的片斷。JavaScript中的語(yǔ)句7.2.5JavaScript中的語(yǔ)句1.條件語(yǔ)句條件語(yǔ)句可以使用程序按照預(yù)先指定的條件進(jìn)行判斷，從而選擇需要執(zhí)行的任務(wù)。在JavScript中提供了if語(yǔ)句、ifelse語(yǔ)句和switch語(yǔ)句等三種條件判斷語(yǔ)句。通過(guò)條件語(yǔ)句判斷時(shí)間vard=newDate();vartime=d.getHours();if(time<10){document.write("<b>Goodmorning</b>")}elseif(time>10&&time<16){document.write("<b>Goodday</b>") }else{document.write("<b>HelloWorld!</b>") }Switch語(yǔ)句evalue=parseInt(prompt("請(qǐng)輸入1－4對(duì)我們的服務(wù)做出評(píng)價(jià)",""));switch(evalue){ case1: document.write("非常滿意");

break case2: document.write("滿意"); break; case3: document.write("一般"); break; default: document.write("您的輸入有誤！");}循環(huán)語(yǔ)句1.While循環(huán)vari=0;while(i<100){document.write(i+"<br>");i++;}2.for循環(huán)For循環(huán)應(yīng)用舉例九九乘法表（3-6.html）for…in語(yǔ)句在有些情況下，開(kāi)發(fā)者根本沒(méi)有辦法預(yù)知對(duì)象的任何信息，更談不上控制循環(huán)的次數(shù)。這個(gè)時(shí)候用for…in語(yǔ)句可以很好的解決這個(gè)問(wèn)題。<script>varmycars=newArray();mycars[0]="Audi";mycars[1]="Volvo";mycars[2]="BMW";for(xinmycars) { document.write(mycars[x]+"<br/>"); }</script>7.2.6函數(shù)

functionfunctionname(arg1,arg2,...,argX){ statements [return[expression]]}函數(shù)functionarg1arg2…argXreturnExp定義函數(shù)的三種方法1.最常見(jiàn)的方法functionsum(a,b){returna+b;}調(diào)用方法：sum(3,5);2.定義匿名函數(shù)function(a,b){returna+b;}//調(diào)用方法：varsum=function(a,b){returna+b;}sum(3,5);或自運(yùn)行方式：(function(a,b){returna+b;})(5,9)3.用創(chuàng)建函數(shù)對(duì)象的實(shí)例方法定義varsum=newFunction("a","b","returna+b;")用arguments對(duì)象來(lái)訪問(wèn)函數(shù)的參數(shù)functionmyName(sName){ //如果第一個(gè)參數(shù)是"bye" if(arguments[0]=="bye") return;alert("Hello"+sName); }3.3對(duì)象

3.3.1JavaScript對(duì)象自定義對(duì)象，例如：varuniversity=newObject()。JavaScript內(nèi)置對(duì)象，如Date、Math、Array等。例如：vartoday=newDate();實(shí)際上，JavaScript中的一切數(shù)據(jù)類型都是它的內(nèi)置對(duì)象。瀏覽器對(duì)象由瀏覽器提供的內(nèi)置對(duì)象，如window、document、location等對(duì)象的特點(diǎn)對(duì)象包含兩個(gè)要素：①用來(lái)描述對(duì)象特性的一組數(shù)據(jù)，也就是若干變量，通常稱為屬性；②用來(lái)操作對(duì)象特性的若干動(dòng)作，也就是若干函數(shù)，通常稱為方法。定義對(duì)象的幾種方法varperson=newObject();='Yuki';person.age=29;document.writeln(+person.age);用構(gòu)造函數(shù)定義functionperson(name,sex){

=name;this.sex=sex;}varp=newperson('yuki','male');定義對(duì)象的幾種方法用JSON定義（JavaScript1.2開(kāi)始支持）functionperson(name,sex){

=name;this.sex=sex;}varp=newperson(‘yuki’,‘male’);等價(jià)于varp={"name":'Yuki',"gender":'male' }alert();3.3.3this關(guān)鍵字的用法1.this指代當(dāng)前元素

<divid="div2"onmouseover="this.align='right'"onmouseout="this.align='left'">會(huì)逃跑的文字</div>

<divalign="left"onmouseover="move(this)">會(huì)逃跑的文字</div>

vartaoId=document.getElementById('div2');taoId.onmouseover=function(){this.align="right";} this關(guān)鍵字的用法2.作為普通函數(shù)直接調(diào)用時(shí)，this指代window對(duì)象functiondoSomething() { this.status="在這里this指代window對(duì)象"; }JavaScript的內(nèi)置對(duì)象時(shí)間日期：Date對(duì)象

功能：獲取或設(shè)置時(shí)間日期

vart1=newDate(); //獲取時(shí)間數(shù)學(xué)計(jì)算：Math對(duì)象

用來(lái)做復(fù)雜的數(shù)學(xué)計(jì)算。它提供了很多屬性和方法：①floor(x)：取不大于參數(shù)的整數(shù)；

②ceil(x)：取不小于參數(shù)的整數(shù)；

③round(x)：四舍五入；

④random(x)：返回隨機(jī)數(shù)；

⑤pow(x,y)：返回x的y次方。

variNum=Math.floor(Math.random()*100+1);

瀏覽器對(duì)象模型BOMBOM的主要對(duì)象window對(duì)象history對(duì)象location對(duì)象document對(duì)象window.status屬性BOMJavaScript是運(yùn)行在瀏覽器中的windownavigatorlocationdocumentscreenhistoryframesembedslinksformsappletsanchorsimageswindow對(duì)象window對(duì)象對(duì)應(yīng)著Web瀏覽器的窗口，使用它可以直接對(duì)瀏覽器窗口進(jìn)行操作。如：（1）調(diào)整窗口的大小和位置；（2）打開(kāi)新窗口；（3）系統(tǒng)提示框；（4）狀態(tài)欄控制；（5）定時(shí)操作。window對(duì)象的方法window對(duì)象有如下4個(gè)方法用來(lái)調(diào)整窗口的位置或大小。（1）window.moveBy(dx,dy)（2）window.moveTo(x,y)（3）window.resizeBy(dw,dh)（4）window.resizeTo(w,h)window.open方法打開(kāi)新窗口用法：window.open([url][,target][,options])options參數(shù)可能的選項(xiàng)包括：（1）height:窗口的高度，單位為像素；（2）width：窗口的寬度，單位為像素；（3）left：窗口的左邊緣位置；（4）top：窗口的上邊緣位置；系統(tǒng)對(duì)話框（1）window.alert([message])alert()方法只接受一個(gè)參數(shù)，即彈出對(duì)話框要顯示的內(nèi)容。（2）window.confirm([message])該方法將顯示一個(gè)確認(rèn)提示框，其中包括“確定”和“取消”按鈕。if(confirm("確實(shí)要?jiǎng)h除這張圖片嗎？"))alert("圖片正在刪除…");elsealert("已取消刪除！");系統(tǒng)對(duì)話框（續(xù)）（3）mpt([message][,default])該方法顯示一個(gè)消息提示框，其中包含一個(gè)文本輸入框。該方法接受兩個(gè)參數(shù)，第一個(gè)參數(shù)是顯示給用戶的文本，第二個(gè)參數(shù)為文本框中的默認(rèn)文本（可為空）。整個(gè)方法返回字符串，值即為用戶的輸入。例如：varnInput=prompt("請(qǐng)輸入你的名字","");if(nInput!=null)document.write("Hello!"+nInput);status屬性狀態(tài)欄控制（status屬性）狀態(tài)欄的顯示信息可以通過(guò)window.status屬性直接進(jìn)行修改。例如：window.status="看看狀態(tài)欄中的文字變化了嗎？";定時(shí)操作函數(shù)定時(shí)操作通常有兩種使用目的，一種是周期性地執(zhí)行腳本，另一種則是將某個(gè)操作延時(shí)一段時(shí)間執(zhí)行，例如迫使用戶等待一段時(shí)間才能進(jìn)行操作，可以使用window.setTimeout函數(shù)使其延時(shí)執(zhí)行，而后面的腳本可以繼續(xù)運(yùn)行不受影響。需要注意的是，定時(shí)操作函數(shù)還是利用JavaScript制作網(wǎng)頁(yè)動(dòng)畫(huà)效果的基礎(chǔ)用定時(shí)操作函數(shù)制作動(dòng)畫(huà)的步驟首先獲取需要實(shí)現(xiàn)動(dòng)畫(huà)效果的元素，一般用getElementById()方法將實(shí)現(xiàn)動(dòng)畫(huà)效果的代碼寫(xiě)在一個(gè)函數(shù)里通過(guò)setTimeout調(diào)用該函數(shù)，使其重復(fù)執(zhí)行定時(shí)操作函數(shù)應(yīng)用舉例動(dòng)態(tài)改變窗口位置和大小

3-26移動(dòng)窗口.html制作時(shí)鐘

3-25時(shí)鐘.html漂移廣告

3-28漂浮廣告.html打字機(jī)效果

3-27打字機(jī).htmllocation對(duì)象location對(duì)象表示窗口地址欄中的URLlocation對(duì)象的作用是分析和設(shè)置頁(yè)面的URL地址比較location對(duì)象和超鏈接

location對(duì)象可以動(dòng)態(tài)設(shè)置鏈接的地址地址欄控制（location對(duì)象）利用location.href實(shí)現(xiàn)跳轉(zhuǎn)菜單<selectname="select"onchange="window.location.href=this.options[this.selectedIndex].value"><option>請(qǐng)選擇需要的網(wǎng)址</option><optionvalue="">搜狐</option><optionvalue="">新浪</option></select>location.replace如果不希望用戶可以用“后退”按鈕返回原來(lái)的頁(yè)面，可以使用replace()方法。例如：<ponclick="location.replace('');">訪問(wèn)搜狐</p>history對(duì)象

瀏覽器后退和前進(jìn)（history對(duì)象）window還有一個(gè)非常實(shí)用的屬性是history。它可以訪問(wèn)歷史頁(yè)面，但不能獲取到歷史頁(yè)面的URL，例如：①history.go(-1); //瀏覽器后退一頁(yè)②history.go(1); //瀏覽器前進(jìn)一頁(yè)③history.go(0); //瀏覽器刷新當(dāng)前頁(yè)④document.write(history.length); //輸出瀏覽歷史的記錄總數(shù)history對(duì)象上面三句的效果還可以分別用back()和forward()實(shí)現(xiàn)，代碼如下：history.back();history.forward();location.reload();navigator對(duì)象navigator對(duì)象主要是用來(lái)檢測(cè)客戶端瀏覽器信息的，關(guān)于Web瀏覽器的信息，瀏覽器的類型、版本信息以及操作系統(tǒng)的類型都可以從該對(duì)象中獲取。varsUserAgent=navigator.userAgent;document.write(sUserAgent);screen對(duì)象screen對(duì)象主要用來(lái)獲取用戶電腦的屏幕信息，包括屏幕的分辨率，屏幕的顏色位數(shù)，窗口可顯示的最大尺寸。1.根據(jù)屏幕分辨率打開(kāi)適合的網(wǎng)頁(yè)2.使瀏覽器窗口自動(dòng)滿屏顯示window.moveTo(0,0);window.resizeTo(screen.availWidth,screen.availHeight);document對(duì)象這個(gè)對(duì)象比較獨(dú)特，它既屬于BOM，又屬于DOM。1.document對(duì)象集合集合說(shuō)明anchors頁(yè)面中所有錨的集合（由<aname="anchorname"></a>表示）applets頁(yè)面中所有applet的集合embeds頁(yè)面中所有嵌入對(duì)象的集合（<embed/>元素forms頁(yè)面中所有表單的集合images頁(yè)面中所有圖像的集合links頁(yè)面中所有鏈接的集合（由<ahref=""></a>表示）document對(duì)象因此，對(duì)于表單，圖像，鏈接三類元素，可以通過(guò)document.forms[n]，document.images[n],document.links[n]訪問(wèn)到而其他元素則不能通過(guò)這種方法訪問(wèn)，只能用DOM中獲取元素的方法訪問(wèn)document對(duì)象的應(yīng)用舉例1.獲得頁(yè)面的標(biāo)題和最后修改時(shí)間

document.title document.lastModified

將頁(yè)面中所有超鏈接都設(shè)置為新窗口打開(kāi)

document.links[i].target="_blank";3.改變超鏈接中原來(lái)的鏈接地址4.用document對(duì)象的集合屬性訪問(wèn)HTML元素5.document對(duì)象的write和writeln方法文檔對(duì)象模型DOMDOM（DocumentObjectModule）文檔對(duì)象模型DOM（DocumentObjectModule）定義了用戶操縱文檔對(duì)象的接口，它使得用戶對(duì)HTML文檔有了空前的訪問(wèn)能力。有效地解析并瀏覽DOM文檔無(wú)疑能簡(jiǎn)化JavaScript的開(kāi)發(fā)，因?yàn)镴avaScript中絕大部分操作都是腳本和網(wǎng)頁(yè)里不同的HTML元素之間的交互。DOM編程在HTML頁(yè)面中的應(yīng)用（1）訪問(wèn)指定節(jié)點(diǎn)；（2）訪問(wèn)相關(guān)節(jié)點(diǎn)；（3）訪問(wèn)節(jié)點(diǎn)屬性；（4）檢查節(jié)點(diǎn)類型；（5）創(chuàng)建節(jié)點(diǎn)；（6）操作節(jié)點(diǎn)。1.訪問(wèn)指定節(jié)點(diǎn)getElementById()如getElementById(“one”)getElementsByName()一般用于訪問(wèn)表單元素getElementsByTagName()

document.getElementsByTagName("p")[3]2.訪問(wèn)元素屬性獲取元素屬性getAttribute(name)推薦直接用DOM對(duì)象.屬性名獲取設(shè)置元素屬性setAttribute(name,value)推薦用DOM對(duì)象.屬性名=“屬性值”刪除元素屬性removeAttribute(name)訪問(wèn)相關(guān)節(jié)點(diǎn)“訪問(wèn)相關(guān)節(jié)點(diǎn)”的含義是根據(jù)已知的節(jié)點(diǎn)，尋找和它存在聯(lián)系的節(jié)點(diǎn)，如父節(jié)點(diǎn)、子節(jié)點(diǎn)、兄弟節(jié)點(diǎn)等。（1）訪問(wèn)html節(jié)點(diǎn)和body節(jié)點(diǎn)（2）訪問(wèn)子節(jié)點(diǎn)①childNodes：子節(jié)點(diǎn)的列表；②firstChild：第一個(gè)子節(jié)點(diǎn)；③lastChild：最后一個(gè)子節(jié)點(diǎn)。訪問(wèn)元素子節(jié)點(diǎn)的兩種方法varnav=document.getElementById("nav");①第一種方法是在DOM對(duì)象nav中再次使用getElementsByTagName搜尋它的子節(jié)點(diǎn)。varnavli=nav.getElementsByTagName("li");②第二種方法是使用childNodes集合獲取navRoot對(duì)象的子節(jié)點(diǎn)。

varnavli=navRoot.childNodes;兩種方法在Firefox中的區(qū)別，最好用第①種方法檢查節(jié)點(diǎn)類型DOM中的節(jié)點(diǎn)主要有三種類型，分別是元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)（1）元素節(jié)點(diǎn)的nodeType值為1；（2）屬性節(jié)點(diǎn)的nodeType值為2；（3）文本節(jié)點(diǎn)的nodeType值為3。訪問(wèn)和設(shè)置元素的內(nèi)容一般使用innerHTML屬性innerHTML可以將元素的內(nèi)容（起始標(biāo)記和結(jié)束標(biāo)記之間）改變成其他任何內(nèi)容（如文本或HTML元素）vara=document.getElementById("a");alert(a.innerHTML) //讀取元素中的HTML內(nèi)容，輸出“<B>把鼠標(biāo)…</B>”a.innerHTML="看見(jiàn)變化了嗎？"; //設(shè)置元素中的HTML內(nèi)容訪問(wèn)和設(shè)置元素的CSS屬性訪問(wèn)CSS樣式1.訪問(wèn)元素的CSS樣式：style對(duì)象oP=document.getElementById("test");alert(oP.style.fontSize);修改元素的CSS樣式：如oP.style.color="#f00";

注意：利用style對(duì)象訪問(wèn)到的CSS樣式都是元素CSS的行內(nèi)樣式，利用style對(duì)象設(shè)置的樣式也是對(duì)元素設(shè)置了行內(nèi)樣式style對(duì)象使用時(shí)需注意的問(wèn)題如果CSS樣式屬性名稱中不帶“-”號(hào)，例如color，則直接使用style.color就可獲得該屬性值如果樣式屬性名稱中帶有“-”號(hào)，例如font-size，對(duì)應(yīng)的style對(duì)象屬性名稱為fontSize。對(duì)于CSS樣式中的float屬性，不能使用style.float訪問(wèn)，應(yīng)該使用cssFloat（Firefox）或styleFloat（IE）訪問(wèn)訪問(wèn)CSS樣式（續(xù)）2.使用className屬性更改元素的類名

varmyImg=document.getElementById(“picbox”);

myImg.className=“pic”+str; } 3.使用className屬性追加元素的類名

className+=“over“ //追加類名“over”，over前必須有一空格訪問(wèn)CSS樣式（續(xù)）4.使用replace方法去掉元素的某一個(gè)類名this.className=this.className.replace(/over/,""); //用兩斜杠“/”將over括起來(lái)3.5.6創(chuàng)建和替換元素節(jié)點(diǎn)DOM節(jié)點(diǎn)的類型

<ahref="iframe.html"target="myTarget">在指定窗口打開(kāi)</a>ahref="iframe.html"target="myTarget"在指定窗口打開(kāi)屬性節(jié)點(diǎn)屬性節(jié)點(diǎn)文本節(jié)點(diǎn)元素節(jié)點(diǎn)創(chuàng)建節(jié)點(diǎn)createElement方法：創(chuàng)建元素節(jié)點(diǎn)createTextNode方法：創(chuàng)建文本節(jié)點(diǎn)；

varoP=document.createElement("p");varoCont=document.createTextNode("這是一條感人的新聞");oP.appendChild(oCont);document.body.appendChild(oP);操作節(jié)點(diǎn)①appendChild()：為當(dāng)前節(jié)點(diǎn)新增一個(gè)子節(jié)點(diǎn)，并且將其作為最后一個(gè)子節(jié)點(diǎn)；②insertBefore()：為當(dāng)前節(jié)點(diǎn)新增一個(gè)子節(jié)點(diǎn)，將其插入到指定的子節(jié)點(diǎn)之前；③replaceChild()：將當(dāng)前節(jié)點(diǎn)的某個(gè)子節(jié)點(diǎn)替換為其他節(jié)點(diǎn)；④removeChild()：刪除當(dāng)前節(jié)點(diǎn)的某個(gè)子節(jié)點(diǎn)3.5.7用DOM控制表單訪問(wèn)表單中的元素

varoForm=document.forms["user"];

varoTextName=oForm.elements[0];

varpasswd=oForm.elements["passwd"];表單中元素的共同屬性和方法varoComments=oFments;alert(oComments.type);

varoTextPasswd=oForm.elements["passwd"];oTextPasswd.focus(); 3.6事件處理

事件處理事件是JavaScript和DOM之間進(jìn)行交互的橋梁，當(dāng)某個(gè)事件發(fā)生時(shí)，通過(guò)它的處理函數(shù)執(zhí)行相應(yīng)的JavaScript代碼。瀏覽器中的事件模型分為兩種，即捕獲型事件和冒泡型事件

3.6.2處理事件的兩種方法1.事件處理函數(shù)

（1）HTML標(biāo)記事件處理程序

<ponclick=“alert(‘我的內(nèi)容是’+this.innerHTML);”>ClickMe</p>

（2）以對(duì)象屬性形式出現(xiàn)的事件處理程序

window.onload

=dosome

2.通用事件監(jiān)聽(tīng)程序

oP=document.getElementById("myP"); oP.attachEvent("onclick",fnClick1); //添加監(jiān)聽(tīng)函數(shù)3.6.3瀏覽器中的常用事件鼠標(biāo)事件事件名描

述onClick單擊鼠標(biāo)左鍵時(shí)觸發(fā)onDbclick雙擊鼠標(biāo)左鍵時(shí)觸發(fā)onmousedown鼠標(biāo)任意一個(gè)按鍵按下時(shí)觸發(fā)onmouseup

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論