javascript文檔對(duì)象

1、JavaScript函數(shù)定義及事件處理WEB編程基礎(chǔ)Javascript函數(shù)定義1.函數(shù)定義function 函數(shù)名()語(yǔ)句;return 值;/函數(shù)若無(wú)返回值則省略。2.函數(shù)調(diào)用html事件可以被對(duì)象識(shí)別的操作，如在按鈕上點(diǎn)擊鼠標(biāo)事件機(jī)制可以實(shí)現(xiàn)：當(dāng)對(duì)象的某個(gè)狀態(tài)發(fā)生變化時(shí)，系統(tǒng)將會(huì)通過(guò)相應(yīng)途徑調(diào)用有關(guān)處理這個(gè)事件的方法或者觸發(fā)事件的對(duì)象就會(huì)調(diào)用相應(yīng)事件處理程序等。在html中通過(guò)標(biāo)簽的事件屬性對(duì)應(yīng)在該對(duì)象上的操作，通過(guò)事件屬性的值調(diào)用相應(yīng)的事件處理程序,通常事件處理程序由函數(shù)擔(dān)任?；臼录簅nLoad：當(dāng)Web瀏覽器加載窗口或框架集時(shí)。onUnLoad：當(dāng)Web瀏覽器從窗口或框架集卸載一

2、個(gè)文檔時(shí)。onClick：當(dāng)一個(gè)元素被鼠標(biāo)單擊時(shí)。onDbClick：當(dāng)一個(gè)元素被鼠標(biāo)雙擊時(shí)。onMouseDown：當(dāng)在一個(gè)元素上方鼠標(biāo)被按下時(shí)。onMouseUp：在一個(gè)元素上方鼠標(biāo)被釋放時(shí)。onMouseOver：當(dāng)鼠標(biāo)指針從一個(gè)元素上方經(jīng)過(guò)時(shí)。onMouseMove：當(dāng)鼠標(biāo)指針在一個(gè)元素上方移動(dòng)時(shí)。onmousedownonMouseOut：當(dāng)鼠標(biāo)指針離開(kāi)一個(gè)元素時(shí)。onFocus：當(dāng)一個(gè)元素接收到來(lái)自鼠標(biāo)或鍵盤(pán)的焦點(diǎn)時(shí)。Onblur:事件處理方法1.在事件屬性中直接添加代碼。aaaaa2. 添加標(biāo)簽事件方法。 / 添加onload 事件 window.onload = functio

3、n() / 找到對(duì)象 var myobjection = document.getElementById(myp); / 添加onclick 事件 myobjecton.onclick = function() alert(我被點(diǎn)擊了); Click Me 事件處理方法3.通過(guò)函數(shù)處理 function myfun() alert(我被點(diǎn)擊了); aaaaaaaaJavaScript文檔對(duì)象WEB編程基礎(chǔ)瀏覽器對(duì)象模型windowlocationdocumenthistoryframesnavigatorscreenembedsappletslocationlinksimagesformsan

4、chorsradiopasswordhiddenfileuploadcheckboxbuttonelementstextresetsubmitselecttextareaoptions文檔對(duì)象模型（DOM)瀏覽器對(duì)象模型（BOM)window對(duì)象window對(duì)象除了是BOM中所有對(duì)象的父對(duì)象外，還包含一些窗口控制函數(shù)1. status和defaultStatus屬性status屬性就是用于設(shè)置狀態(tài)欄顯示的文本。而defaultStatus表示默認(rèn)的狀態(tài)欄信息，例如默認(rèn)情況下IE瀏覽器會(huì)顯示“完畢”，可以通過(guò)defaultStatus來(lái)改變這一信息。window.status=“javascri

5、pt;window.defaultStatus=“javascript;2.open方法新建一個(gè)瀏覽器窗口來(lái)打開(kāi)指定頁(yè)面。window.open(“1.html”);注：由于瀏覽器的標(biāo)簽系統(tǒng)導(dǎo)致此方法無(wú)法新建窗口，只以新標(biāo)簽打開(kāi)1.html。所以此方法的詳細(xì)語(yǔ)法略。3.close方法關(guān)閉當(dāng)前打開(kāi)的瀏覽器窗口。window.closewindow對(duì)象4.setTimeout和setInterval方法定時(shí)器，setTimeout可以使一段代碼在指定時(shí)間后運(yùn)行，在延時(shí)期限之前取消延時(shí)，使用window.clearTimeout(timeoutId)方法； setInterval可以使一段代碼每過(guò)指

6、定時(shí)間就運(yùn)行一次。function hello()alert(“hello”);var time1=window.setTimeout(hello,5000);/5000的單位是毫秒。 function hello()alert(“hello”);var f1=window.setTimeout(hello,5000);clearTimeout(f1);window對(duì)象5.產(chǎn)生對(duì)話框的方法alert、prompt和confirmalert彈出警示對(duì)話框，字符串直接顯示在對(duì)話框上。window.alert(“hello”);/window對(duì)象可省略，下同。mpt(messag

7、e,defaultValue);prompt用于讓用戶輸入一個(gè)值，其中message表示提示信息，defaultValue表示顯示于文本框的初始值；函數(shù)返回用戶的輸入。對(duì)話框包括【確定】和【取消】?jī)蓚€(gè)按鈕，用戶單擊【確定】按鈕則返回文本框中的內(nèi)容，單擊【取消】則返回null。var userName=mpt(請(qǐng)輸入您的姓名：,);alert(hello,+userName);window.confirm(message);其作用是顯示一條信息讓用戶確認(rèn)，彈出的對(duì)話框包括【確定】和【取消】?jī)蓚€(gè)按鈕，如果用戶單擊【確定】，則confirm函數(shù)返回true，否則返回false。h

8、istory對(duì)象1.length屬性歷史列表中的訪問(wèn)過(guò)的頁(yè)面數(shù)量。var numberofvisited = history.length; alert(“訪問(wèn)頁(yè)面數(shù)是“+numberofvisited); 2.back方法history.back;/后退一頁(yè)3.forword方法history.forword;/前進(jìn)一頁(yè)4.go方法當(dāng)前瀏覽頁(yè)面為0，依次前推-1，-2，history.go(-1);/相當(dāng)于history.back如果瀏覽列歷史中有http:/還可以：history.go(“http:/”)location對(duì)象1.href屬性location.href;/可以獲取當(dāng)前頁(yè)的ur

9、l.location.href=“http:/”;/在當(dāng)前窗口加載2.reload方法location.reload();/重新加載當(dāng)前頁(yè)面.3.assign方法location.assign(“http:/”); /在當(dāng)前窗口加載新頁(yè)面，但是可以后退。4. replace方法window.location.replace(“http:/”); /在當(dāng)前窗口加載新頁(yè)面，不能后退。document對(duì)象1.屬性document.title /設(shè)置文檔標(biāo)題等價(jià)于HTML的標(biāo)簽document.bgColor /設(shè)置頁(yè)面背景色 document.URL /設(shè)置URL屬性從而在同一窗口打開(kāi)另一網(wǎng)頁(yè) 2.方法document.write() /向頁(yè)