Dom編程


Documentobject model:文檔對象模型                 

將文檔中的標籤封裝成對象,對對象進行操作,可動態操作文檔

 

Dom三層模型

Dom1:將html文檔封裝成對象

Dom2:將xml文檔封裝成對象

Dom3:將xml文檔封裝成對象

 

DOM樹   將標籤封裝成節點。

DHTML 動態html。


小練習:


獲取節點信息:(獲取父節點,子節點)


節點類型:

標籤型節點。  類型:1

文本型節點。  類型:3

如:<div>abc</div>

                                              Div是標籤節點,abc就是文本型節點

註釋型節點。類型:8

屬性型節點。類型:2

Document。類型:9

獲取節點可以通過節點的層次關係完成

也可以通過document對象完成

getElementById

getElementsByName

getElementsByTagName

attributes      獲取屬性

遞歸獲取所有節點:



Document(瀏覽器空白內容顯示框就是document對象)

Window對象:(代表瀏覽器中一個打開的窗體)

navigator對象:

 包含關於web瀏覽器的信息


 history對象

   location對象


Screen對象:

 

Window對象下的方法

confirm():顯示一個確認對話框

moveBy(20,56):窗口位置偏移指定像素

moveTo(40,45):移動到指定位置


prompt();可輸入的對話框,  返回輸入對話框的值

open();打開新窗口返回一個對象


三個參數:1,指定url(index.html)

          2,新開窗口位置(_blank)

          3,新開窗口包含的內容,屬性(height,width,menubarscrollbars)

 

setTimeout(“”,second)         指定時間後執行對應方法


setInterval(“”,second)    每隔指定時間後執行對應方法,該方法會返回一個id

clearInterval(id)     傳入上面的id就可以結束上面事件

 

window下事件

onload  打開窗體

onunload  關閉窗體後

onbeforeunload   關閉窗體前

 

event對象:

keyCode獲取鍵盤錄入

returnValue返回值

srcElement獲取事件源對象


發佈了49 篇原創文章 · 獲贊 12 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章