什么是 Window 對(duì)象? 什么是 Document 對(duì)象?

1）window：代表瀏覽器中一個(gè)打開的窗口。
（1）對(duì)象屬性
①　window.self 引用本窗口window==window.self
②　window.name 為窗口名字
③　window.defaultStatus 窗戶狀態(tài)欄信息
④　window.location URL地址，設(shè)置該屬性可打開新的頁(yè)面
（2）對(duì)象方法
①　window.alert("text") 提示信息會(huì)話框
②　window.confirm("text") 確認(rèn)會(huì)話框
③　window.prompt("text") 鍵盤輸入會(huì)話框
④　window.setIntervel(func, time) 每隔指定時(shí)間(毫秒)執(zhí)行一次操作
⑤　window.clearInterval() 清除時(shí)間間隔
⑥　window.setTimeout(action,time) 等待指定時(shí)間(毫秒)后再執(zhí)行操作
⑦　window.open() 打開新的窗口
⑧　window.close() 關(guān)閉窗口
（3）成員對(duì)象
①　window.event
②　window.document
③　Window.history
a. window.history.length 瀏覽過(guò)的頁(yè)面數(shù)
b. window.history.back() 后退
c. window.history.forward() 前進(jìn)
d. window.history.go(i) 前進(jìn)或后退i個(gè)頁(yè)面（i>0前進(jìn)，i<0后退）
④　Window.screen
a. window.screen.width 屏幕寬度
b. window.screen.height 屏幕高度
c. window.screen.colorDepth 屏幕色深
d. window.screen.availWidth 屏幕可用寬度
e. window.screen.availHeight 屏幕可用高度（除去任務(wù)欄的高度）
⑤　Window.navigator
a. window.navigator.appCodeName 瀏覽器代碼名
b. window.navigator.appName 瀏覽器名
c. window.navigator.platform 運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)
d. window.navigator.appVersion 瀏覽器的平臺(tái)和版本
e. window.navigator.userAgent 由客戶機(jī)發(fā)送服務(wù)器的user-agent 頭部的值
f. window.navigator.cookieEnabled 瀏覽器是否啟用cookie
g. window.navigator.appMinorVersion 瀏覽器補(bǔ)丁版本
h. window.navigator.cpuClass cpu類型
i. Window.navigator.plugins 插件標(biāo)識(shí)
j. window.navigator.userProfile 用戶的個(gè)人信息
k. window.navigator.systemLanguage 客戶體系語(yǔ)言
l. window.navigator.userLanguage 用戶語(yǔ)言
m. window.navigator.onLine 用戶是否在線
n. window.navigator.mimeTypes MIME類型（數(shù)組）

2）document對(duì)象：代表整個(gè)HTML 文檔，可用來(lái)訪問(wèn)頁(yè)面中的所有元素。
（1）對(duì)象屬性
①　document.title 文檔標(biāo)題，等價(jià)于HTML的
標(biāo)簽
②　document.bgColor 頁(yè)面背景色
③　document.fgColor 前景色(文本顏色)
④　document.linkColor 未點(diǎn)擊過(guò)的鏈接顏色
⑤　document.alinkColor 激活鏈接(焦點(diǎn)在此鏈接上)的顏色
⑥　document.vlinkColor 已點(diǎn)擊過(guò)的鏈接顏色
⑦　document.URL 在同一窗口打開另一網(wǎng)頁(yè)
⑧　document.fileCreatedDate 文件建立日期，只讀屬性
⑨　document.fileModifiedDate 文件修改日期，只讀屬性
⑩　document.fileSize 大小，只讀屬性
?　document.cookie 設(shè)置和讀出cookie
?　document.charset 字符集
（2）對(duì)象方法
①　document.write() 動(dòng)態(tài)向頁(yè)面寫入內(nèi)容
②　document.createElement(tag) 創(chuàng)建指定標(biāo)簽的元素
③　document.getElementById(id) 獲得指定id值的元素
④　document.getElementsByName(name) 獲得指定Name值的元素
（3）body對(duì)象
①　document.body 文檔主體開始和結(jié)束，等價(jià)于
②　document.body.bgColor 背景顏色
③　document.body.link 未點(diǎn)擊過(guò)的鏈接顏色
④　document.body.alink 激活鏈接(焦點(diǎn)在此鏈接上)的顏色
⑤　document.body.vlink 已點(diǎn)擊過(guò)的鏈接顏色
⑥　document.body.text 文本色
⑦　document.body.innerText
...之間的文本
⑧　document.body.innerHTML
...之間的HTML代碼
⑨　document.body.topMargin 頁(yè)面上邊距
⑩　document.body.leftMargin 頁(yè)面左邊距
?　document.body.rightMargin 頁(yè)面右邊距
?　document.body.bottomMargin 頁(yè)面下邊距
?　document.body.background 背景
?　document.body.appendChild(oTag) 添加DOM對(duì)象
?　document.body.onclick="func()" 鼠標(biāo)指針單擊對(duì)象是觸發(fā)
?　document.body.onmouseover="func()" 鼠標(biāo)指針移到對(duì)象時(shí)觸發(fā)
?　document.body.onmouseout="func()" 鼠標(biāo)指針移出對(duì)象時(shí)觸發(fā)
（4）location-位置子對(duì)象
①　document.location.hash #號(hào)后的部分
②　document.location.host 域名+端口號(hào)
③　document.location.hostname 域名
④　document.location.href 完整URL
⑤　document.location.pathname 目錄部分
⑥　document.location.port 端口號(hào)
⑦　document.location.protocol 網(wǎng)絡(luò)協(xié)議
⑧　document.location.search ?號(hào)后的部分
（5）通過(guò)集合引用（以images集合為例，forms集合等類似）
①　document.images 標(biāo)簽
②　document.images.length 標(biāo)簽的個(gè)數(shù)
③　document.images[0] 第1個(gè)標(biāo)簽
④　document.images[i] 第i-1個(gè)標(biāo)簽



猜你喜歡：

如何理解面向?qū)ο蟮姆庋b、繼承和多態(tài)？

怎樣給移動(dòng)端頁(yè)面設(shè)置不同于PC端的樣式？

CSS是什么意思？CSS的全稱是什么？

黑馬程序員web前端培訓(xùn)課程