1、了解瀏覽器對象和DOM、2、目標以及公用瀏覽器對象：文本節(jié)點，熟悉控制窗口、文檔、History Sreen和Event DOM的公用節(jié)點DOM，3，介紹瀏覽器對象2-1 Document文檔對象，使用open方法打開新窗口，使用Close方法關(guān)閉窗口，添加單擊事件，以及8，Open(“打開窗口的URL”，“窗口名稱”，“窗口功能”)窗口具有height: window等特征：widthTop:屏幕上的窗口像素值；左圖：屏幕左側(cè)窗格的像素值。工具欄：是否顯示工具欄，是否顯示是；Menubar、scrollbars表示菜單欄和滾動條。Resizable:是否允許更改窗口大??；yes或1表示位置：

2、是否顯示地址；yes或1表示是否允許顯示狀態(tài)：是否允許顯示狀態(tài)欄中的信息；yes或1表示允許；Window對象7-4，9，functionopen window()使用Window對象7-5，Open方法打開新的廣告窗口，然后添加頁面加載事件。10、showModalDialog(“打開窗口的URL”，“窗口名稱”，“窗口特征”)；任何組合均可：dialogHeight:對話框高度dialogWidth:對話框?qū)挾萪ialogLeft:屏幕左側(cè)距離dialogTop:屏幕距離center:窗口中心與否，是否顯示默認的yes help:幫助文檔按鈕，默認為yes默認值為yes。以下幾個茄子屬性用

3、于HTA。通常，打印或打印預覽時不使用dialogHide:打印或打印預覽時是否隱藏對話框，默認值NOEDGE 3360表示對話框邊框樣式，默認值raised unadorned:為no，Window對象7-。function open window()window . show modal dialog(adv . htm， scroll :0Status:0Resizable:0dialogwidth 3360650 px:DialogHeight 3360150 px)；看和我一起打開的廣告窗口。windows對象7-7，使用showModalDialog方法打開新的廣告窗口，添加頁面加

4、載事件。12，1。圖層圖層插入圖層1，z-Index=1。2.在圖層中插入圖片。3 .使用計時器函數(shù)settime out():settime out(“調(diào)用的函數(shù)名稱”，間隔中的毫秒數(shù))表示每毫秒數(shù)。調(diào)用函數(shù)循環(huán)以刪除計時器：clearTimeout()方法。例如：varmyclock settimeout (move()，500)；if()clear time out(my clock)；Window對象7-8，13，function move()document . getelement byid(layer 1)。style . left=math . ranne document .

5、 getelement byid(layer 1). style . top=math . random()* 500；SetTimeout(move()，1000)；隨機浮動廣告，windows對象7-9，定義層照片移動的函數(shù)移動()，每隔一秒移動()函數(shù)調(diào)用隨機更改層位置，實現(xiàn)隨機浮動效果，14，文檔對象3-1，屬性，15過來，我變色給你看！更改紅色|更改藍色|更改黃色、使用document對象的bgColor屬性更改背景顏色、添加鼠標懸停事件、17、history對象4-1、History對象方法、18、Location對象4-2；function jump()location . hr

6、ef=document . my form . menu 1 . value；-選擇季節(jié)風景-春天美麗的夏天顏色，根據(jù)用戶的選擇修改跳躍網(wǎng)址，添加選項更改事件，20，屏幕對象，屏幕通用屬性：獲取高度屏幕垂直分辨率獲取寬度屏幕垂直分辨率availheight導入Microsoft Windows任務欄availwidth除外獲取系統(tǒng)屏幕的工作區(qū)寬度，wing，21，需要計算屏幕/彈出窗口的窗口寬度var winheight=200/需要彈出的窗口的高度/需要彈出的窗口的左頂點坐標varw inleft=(window . screen . width-winwidth)/2；/需要彈出窗口的頂部

7、頂點坐標var wintop=(window . screen . height-win height)/2；Var str=width=winwidth，height=winheight，left=winleft，wintop=wintopWindow.open(login.html，str)；登錄、計算彈出窗口位置、單擊登錄時彈出、22、事件對象、事件是事件發(fā)生元素、鍵盤狀態(tài)、鼠標位置和鼠標按鈕狀態(tài)公用屬性3360 srcElement事件源、事件發(fā)生元素clientX/clientY OffsetY鼠標指針的位置是事件所有事件屬性都可以通過所有event對象進行訪問，但是某些事件可能沒有

8、意義。例如，fromElement和toElement屬性只有在處理onmouseover和onmouseout事件時才有意義。23，event示例，在新窗口中打開首頁關(guān)于向后導航網(wǎng)站信息，瀏覽器鼠標右鍵單擊菜單遮罩，鼠標事件處理，Html部分，24 If(event . button=2)menu . style . top=window . eventmenu . style . left=window . event . offsetx；menu . style . display=inline；function cmunu 2()var menu=document . geteleme

9、nt byid(menu 1)；menu . style . display=none；鼠標單擊位置、鼠標事件處理、JS部分、25、Dom基礎、trees、trees、everywhere trees、trees、everywhere welcometoareallyboringsNodeValue節(jié)點的值。父節(jié)點節(jié)點節(jié)點的父節(jié)點。ChildNodes節(jié)點的子節(jié)點列表。FirstChild childNodes列表中的第一個節(jié)點。LastChild childNodes列表中的最后一個節(jié)點。PreviousSibling返回當前節(jié)點之前的節(jié)點。NextSibling列表中的下一個節(jié)點。Attr

10、ibutes僅用于元素節(jié)點，并返回元素屬性列表。，27，基于Dom，var myDocument=documentvar html element=my document . document element；var head element=html element . getelementsbytagname(head)0；If (headElement！=null)vartitle element=headelement . getelementsbytagname(title)0；If(標題元素！=null)var title text=title element . first ch

11、ild；alert(the page title is title text . node value)；var body element=head element . next sibling；while(body element . nodename . tolower case()！=body)body element=body element . nextsibling；屬性示例：導入head對象，導入head下一個節(jié)點，body節(jié)點，28，DOM節(jié)點，節(jié)點Dom中最基本的對象類型節(jié)點DMO樹的所有內(nèi)容，節(jié)點的主要方法：insert before(newChild replacechi

12、ngRemoveChild(oldChild)從運行方法的節(jié)點中刪除oldChild節(jié)點。AppendChild(newChild)將newChild添加到函數(shù)執(zhí)行節(jié)點。NewChild將添加到目標節(jié)點子級列表的末尾。HasChildNodes()如果調(diào)用方法的節(jié)點有子節(jié)點，則返回true，否則返回false。HasAttributes()如果調(diào)用方法的節(jié)點具有屬性，則返回true否則返回false。29，Dom方法，function test()var my document=document；var html element=my document . document element；v

13、ar head element=html element . getelementsbytagname(head)0；If (headElement！=null)vartitle element=headelement . getelementsbytagname(title)0；If(標題元素！=null)var title text=title element . first child；var body element=head element . next sibling；while(body element . nodename . tolower case()！= body )/查找body標記body element=body element . next sibling；if(body element . haschild nodes()for(I=0；I，Javascipt節(jié)，30，Dom方法，JavaScript and Dom are a pe