JavaScript中的瀏覽器對(duì)象_第1頁(yè)
JavaScript中的瀏覽器對(duì)象_第2頁(yè)
JavaScript中的瀏覽器對(duì)象_第3頁(yè)
JavaScript中的瀏覽器對(duì)象_第4頁(yè)
JavaScript中的瀏覽器對(duì)象_第5頁(yè)
已閱讀5頁(yè)，還剩18頁(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)介

JavaScript中的瀏覽器對(duì)象第九

章內(nèi)容回顧對(duì)象this語(yǔ)句with語(yǔ)句new操作符eval函數(shù)字符串對(duì)象Math對(duì)象Date對(duì)象2本章目標(biāo)JavaScript中的通用事件瀏覽器對(duì)象-屬性和方法3事件對(duì)象概念事件可以由用戶生成，也可以由系統(tǒng)生成每個(gè)事件都有與之相關(guān)聯(lián)的Event對(duì)象Event對(duì)象提供下列信息：事件類型事件發(fā)生時(shí)光標(biāo)的位置Event對(duì)象可以用作事件處理程序的一部分4事件的生命周期事件的生命周期通常包含下列階段：與發(fā)生的事件相關(guān)聯(lián)的用戶操作或條件立即更新Event對(duì)象以反映事件的狀態(tài)觸發(fā)事件調(diào)用相關(guān)聯(lián)的事件處理程序事件處理程序執(zhí)行其操作并返回5JavaScript事件onClickonChangeonFocusonBluronMouseOveronMouseOutonLoadonSubmitonMouseDownonMouseUp6onClick事件示例<HTML><HEAD><SCRIPTLANGUAGE="JavaScript"><!--

functioncompute(form){if(confirm(“確定嗎?”)) form.result.value=eval(form.expr.value); elsealert("請(qǐng)重試。"); }//--></SCRIPT></HEAD><BODY><FORM>請(qǐng)輸入表達(dá)式： <INPUTTYPE="text"NAME="expr"SIZE=15><BR> <INPUTTYPE="button"VALUE="計(jì)算"ONCLICK="compute(this.form)"><BR> 結(jié)果：<INPUTTYPE="text"NAME="result"SIZE=15><BR></FORM></BODY></HTML>7onChange事件示例<HTML><HEAD> <SCRIPTLANGUAGE="JavaScript">

functioncheckNum(num){ if(num==""){ alert("請(qǐng)輸入一個(gè)數(shù)字值"); returnfalse; } if(isNaN(num)){ alert("請(qǐng)輸入一個(gè)數(shù)字值"); returnfalse; } elsealert("謝謝！"); }</SCRIPT></HEAD><BODYbgColor=white><FORM> 請(qǐng)輸入一個(gè)數(shù)字： <INPUTtype=textsize=5onChange="checkNum(this.value)"></FORM></BODY></HTML>8onFocus/onBlur事件示例<HTML><BODYBGCOLOR="lavender"> <FORM> <INPUTtype=textname=text1

onblur="(document.bgColor='aqua')" onfocus="(document.bgColor='dimgray')"> </FORM></BODY></HTML>9onMouseOver/onMouseOut事件示例<html><head><scriptlanguage="javascript">varnum=0; functionshowLink(num) { if(num==1){ document.forms[0].elements[0].value="您選擇了Aptech"; } if(num==2){ document.forms[0].elements[0].value="您選擇了Asset"; } if(num==3){ document.forms[0].elements[0].value="您選擇了Arena"; } }</script></head><body><form><inputtype=textsize=60></form> <ahref="#"onMouseOver="showLink(1)">Aptech</a><br> <ahref="#"onMouseOver="showLink(2)">Asset</a><br> <ahref="#"onMouseOver="showLink(3)">Arena</a><br></body></html>10onLoad事件示例<HTML><HEAD> <TITLE>您好</TITLE><SCRIPTLANGUAGE="JavaScript">functionhello(){alert("您好"); }</SCRIPT></HEAD><BODYonLoad="hello()"></BODY></HTML>11onMouseDown/onMouseUp事件示例<HTML><BODYBGCOLOR="lavender"><FORM> <INPUTtype=buttonname=text1value="改變顏色"

onmousedown="(document.bgColor='aqua')" onmouseup="(document.bgColor='limegreen')"</FORM></BODY></HTML>12onResize事件示例<html><head> <scriptlanguage="JavaScript">

window.onresize=notify; functionnotify() { alert("窗口大小調(diào)整完畢！"); }

</script></head><body> 請(qǐng)調(diào)整窗口的大小。</body></html>13處理事件為響應(yīng)事件而執(zhí)行的JavaScript代碼段稱為事件處理程序事件處理程序分為：HTML標(biāo)記事件處理程序

<TAGeventhandler="JavaScriptCode">

以屬性的形式出現(xiàn)的事件處理程序

object.eventhandler=function;14HTML標(biāo)記事件處理程序示例<HTML><HEAD><TITLE>我的主頁(yè)</TITLE><SCRIPTLANGUAGE="JavaScript"><!--functiongreeting(){alert("歡迎您來(lái)做客"); }--></SCRIPT></HEAD><BODYonLoad="greeting()"></BODY></HTML>15以屬性的形式出現(xiàn)的事件處理程序示例<HTML><HEAD><TITLE>我的主頁(yè)</TITLE><SCRIPTLANGUAGE="JavaScript"><!--functiongreeting(){alert("歡迎您來(lái)做客");}window.onload=greeting;//--></SCRIPT></HEAD></HTML>16通用瀏覽器對(duì)象瀏覽器是用于顯示HTML文檔內(nèi)容的應(yīng)用程序?yàn)g覽器還公開(kāi)了一些可在腳本中訪問(wèn)和使用的對(duì)象。IE瀏覽器對(duì)象Netscape瀏覽器對(duì)象17文檔對(duì)象模型最低公用標(biāo)準(zhǔn)的文檔對(duì)象層次windowframeselftopparentdocumenthistorylocationlinkformanchortextselectradiobuttonresettextareacheckboxoptionsubmit18Window對(duì)象Window對(duì)象表示瀏覽器的窗口，可用于檢索有關(guān)窗口狀態(tài)的信息。屬性documenteventhistorylocationnamescreen

方法alertblurclosefocusnavigateopen19Document對(duì)象Document對(duì)象表示給定瀏覽器窗口中的HTML文檔，用于檢索有關(guān)該文檔的信息。屬性alinkColorbgColorbodyfgColorlinkColorlocationtitleURLvlinkColor

方法clearcloseopenwritewriteln

20History對(duì)象此對(duì)象提供客戶最近訪問(wèn)過(guò)的URL列表。方法

back

forwardgo

21Location對(duì)象此對(duì)象包含有關(guān)當(dāng)前URL的信息，它提供了重新加載窗口的當(dāng)前URL的方法。屬性hashhosthostnamehref方法assignreloadreplace22總結(jié)事件是網(wǎng)頁(yè)上發(fā)生的

溫馨提示

  • 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)論