第13章 JavaScript對(duì)象編程編程技術(shù)_第1頁
第13章 JavaScript對(duì)象編程編程技術(shù)_第2頁
第13章 JavaScript對(duì)象編程編程技術(shù)_第3頁
第13章 JavaScript對(duì)象編程編程技術(shù)_第4頁
第13章 JavaScript對(duì)象編程編程技術(shù)_第5頁
已閱讀5頁，還剩40頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

JavaScript對(duì)象編程01Window窗口對(duì)象03JavaScript與表單操作02Document文檔對(duì)象04DOM對(duì)象Window窗口對(duì)象Window對(duì)象頂層Window對(duì)象是所有其他子對(duì)象的父對(duì)象，它出現(xiàn)在每一個(gè)頁面上，并且可以在單個(gè)JavaScript應(yīng)用程序中被多次使用。屬性描述document對(duì)話框中顯示的當(dāng)前文檔frames表示當(dāng)前對(duì)話框中所有frame對(duì)象的集合location指定當(dāng)前文檔的URLname對(duì)話框的名字status狀態(tài)欄中的當(dāng)前信息defaultstatus狀態(tài)欄中的當(dāng)前信息top表示最頂層的瀏覽器對(duì)話框parent表示包含當(dāng)前對(duì)話框的父對(duì)話框opener表示打開當(dāng)前對(duì)話框的父對(duì)話框closed表示當(dāng)前對(duì)話框是否關(guān)閉的邏輯值self表示當(dāng)前對(duì)話框screen表示用戶屏幕，提供屏幕尺寸、顏色深度等信息navigator表示瀏覽器對(duì)象，用于獲得與瀏覽器相關(guān)的信息Window對(duì)象的方法方法描述alert()彈出一個(gè)警告對(duì)話框confirm()在確認(rèn)對(duì)話框中顯示指定的字符串prompt()彈出一個(gè)提示對(duì)話框open()打開新瀏覽器對(duì)話框并且顯示由URL或名字引用的文檔，并設(shè)置創(chuàng)建對(duì)話框的屬性close()關(guān)閉被引用的對(duì)話框focus()將被引用的對(duì)話框放在所有打開對(duì)話框的前面blur()將被引用的對(duì)話框放在所有打開對(duì)話框的后面scrollTo(x,y)把對(duì)話框滾動(dòng)到指定的坐標(biāo)scrollBy(offsetx,offsety)按照指定的位移量滾動(dòng)對(duì)話框setTimeout(timer)在指定的毫秒數(shù)過后，對(duì)傳遞的表達(dá)式求值setInterval(interval)指定周期性執(zhí)行代碼對(duì)話框警告（alert）利用Window對(duì)象的alert()方法可以彈出一個(gè)警告框，并且在警告框內(nèi)可以顯示提示字符串文本。語法：window.alert(str);參數(shù)str表示要在警告對(duì)話框中顯示的提示字符串。詢問對(duì)話框（confirm）語法：window.confirm(question)window：Window對(duì)象。question：要在對(duì)話框中顯示的純文本。通常，應(yīng)該表達(dá)程序想要讓用戶回答的問題。返回值：如果用戶單擊了“確定”按鈕，返回值為true；如果用戶單擊了“取消”按鈕，返回值為false。詢問對(duì)話框（prompts）語法：mpt(str1，str2)str1：為可選項(xiàng)。表示字符串(String)，指定在對(duì)話框內(nèi)要被顯示的信息。如果忽略此參數(shù)，將不顯示任何信息。str2：為可選項(xiàng)。表示字符串(String)，指定對(duì)話框內(nèi)輸入框（input）的值（value）。如果忽略此參數(shù)，將被設(shè)置為undefined。案例窗口對(duì)象常用操作window.scrollTo(0,1000)1window.print();2窗口對(duì)象常用操作window.history.back();3文檔對(duì)象概述DOM模型DOM是JavaScript操作網(wǎng)頁的接口，全稱為“文檔對(duì)象模型”（DocumentObjectModel）。它的作用是將網(wǎng)頁轉(zhuǎn)為一個(gè)JavaScript對(duì)象，從而可以用腳本進(jìn)行各種操作（比如增刪內(nèi)容）。DOM不屬于JavaScript，但是操作DOM是JavaScript最常見的任務(wù)，而JavaScript也是最常用于DOM操作的語言。Document對(duì)象文檔對(duì)象（document）代表瀏覽器窗口中的文檔，該對(duì)象是window對(duì)象的子對(duì)象，由于window對(duì)象是DOM對(duì)象模型中的默認(rèn)對(duì)象，因此window對(duì)象中的方法和子對(duì)象不需要使用document來引用。通過document對(duì)象可以訪問HTML文檔中包含的任何HTML標(biāo)記并可以動(dòng)態(tài)的改變HTML標(biāo)記中的內(nèi)容。例如表單、圖像、表格和超鏈接等。文檔對(duì)象的屬性和方法document.domain1document.location2document屬性document.lastModified3document.open()document.close()1document.write()2document方法文檔對(duì)象的應(yīng)用案例關(guān)鍵代碼<script>//設(shè)置文檔顏色

functionsetColor(){document.body.style.backgroundColor="red";}//設(shè)置文字大小

functionsetFontSize(){document.body.style.fontSize="20px";}//設(shè)置背景圖片

functionsetImage(){document.body.style.backgroundImage="url(img/5.jpg)";}</script>JavaScript與表單操作使用JavaScript訪問表單input、textarea、password、select等標(biāo)簽都可以通過value屬性取到它們的值。select1checkbox2radio3使用JavaScript訪問表單域使用JavaScript操作表單select1checkbox2radio3

表單的驗(yàn)證案例關(guān)鍵代碼<script>functionmr_verify(){//獲取表單對(duì)象

varemail=document.getElementById("email");varpassword=document.getElementById("password");varpasswordRepeat=document.getElementById("passwordRepeat");vartel=document.getElementById("tel");//驗(yàn)證項(xiàng)目是否為空

if(email.value===''||email.value===null){alert("郵箱不能為空！");return;}if(password.value===''||password.value===null){alert("密碼不能為空！");return;}if(passwordRepeat.value===''||passwordRepeat.value===null){alert("確認(rèn)密碼不能為空！");return;}}</script> DOM概述DOM分層<html> <head> <title>標(biāo)題內(nèi)容</title> </head> <body> <h3>三號(hào)標(biāo)題</h3> <b>加粗內(nèi)容</b> </body></html>

DOM對(duì)象節(jié)點(diǎn)屬性DOM對(duì)象節(jié)點(diǎn)屬性屬性說明nodeName節(jié)點(diǎn)的名稱nodeValue節(jié)點(diǎn)的值，通常只應(yīng)用于文本節(jié)點(diǎn)nodeType節(jié)點(diǎn)的類型。parentNode返回當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)。childNodes子節(jié)點(diǎn)列表firstChild返回當(dāng)前節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)lastChild返回當(dāng)前節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)previousSibling返回當(dāng)前節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)nextSibling返回當(dāng)前節(jié)點(diǎn)的后一個(gè)兄弟節(jié)點(diǎn)attributes元素的屬性列表節(jié)點(diǎn)的幾種操作節(jié)點(diǎn)的幾種操作節(jié)點(diǎn)的創(chuàng)建1節(jié)點(diǎn)的追加2節(jié)點(diǎn)的復(fù)制3節(jié)點(diǎn)的刪除4

獲取文檔中的指定元素獲取文檔中的指定元素1.通過元素的ID屬性獲取元素document.getElementById();2.通過元素的name屬性獲取元素document.getElementsByName()案例關(guān)鍵代碼<script>//復(fù)制收貨地址functioncopyAddress(){varaddress=document.getElementById("address");//獲得收貨地址對(duì)象varaddressCopy=address.cloneNode(true); //完全復(fù)制對(duì)象varaddressContainer=document.getElementById("addressContainer");addressContainer.appendChild(addressCopy); //父容器添加復(fù)制對(duì)象}

//刪除收貨地址functiondelClick(obj){varaddressContainer=document.getElementById("addressContainer");vardelObj=obj.parentNode.parentNode; //獲取父容器節(jié)點(diǎn)if(delObj.previousElementSibling===null){ //判斷根節(jié)點(diǎn)alert('無法刪除！至少保留一個(gè)默認(rèn)地址！');return;}addressContainer.removeChild(delObj); //刪除節(jié)點(diǎn)對(duì)象}</script>與DHTML相對(duì)應(yīng)的DOMDHTML相對(duì)應(yīng)的DOM1.innerHTML和innerText屬性2.outerHTML和outerText屬性小結(jié)本章主要講解了Windows窗口對(duì)象、JavaScript中的表單操作以及DOM對(duì)象。1.Windows對(duì)象代表打開的瀏覽器窗口，需要讀者們熟記幾種常用的Windows對(duì)象的方法；2.Document文檔對(duì)象則代表瀏覽器窗口中的文檔，需要讀者們掌握如何動(dòng)態(tài)獲取和改變HTML中的內(nèi)容；3.DOM對(duì)象中，需要讀者們掌握DOM節(jié)點(diǎn)的相關(guān)操作；表單操作經(jīng)常用于注冊(cè)登錄等信息的驗(yàn)證。上機(jī)指導(dǎo)上機(jī)指導(dǎo)關(guān)鍵代碼functionprice(){ varp1=0; varp2=0; for(vari=0;i<mSpan.length;i++){ if(mSpan[i].className=='on'){

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 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)論