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獲取事件源對象