BOM(browser object model):瀏覽器對(duì)象模型
瀏覽器：windows對(duì)象
Window 對(duì)象方法:
alert（）; 顯示帶有一段信息和一個(gè)確認(rèn)按鈕的警告框
confirm（）; 顯示帶有一段信息以及確認(rèn)取消按鈕的對(duì)話框
prompt（）; 顯示可提示用戶輸入的對(duì)話框
colse（）; 關(guān)閉所有窗口
moveby（）; 相對(duì)于窗口的當(dāng)前坐標(biāo)移動(dòng)到指定像素
moveto（）; 相對(duì)于大窗口的左上角移動(dòng)到指定位置
open（）; 打開一個(gè)新窗口
print（）; 打印當(dāng)前窗口
setTimeout（）; 在指定的毫秒后調(diào)用函數(shù)或表達(dá)式
history（歷史記錄）：
1乱陡、history.length? ? 當(dāng)前站點(diǎn)的瀏覽次數(shù)
2桅滋、history.back()? ? 返回上一頁
3、history.forward()? ? 返回下一頁
4抗楔、history.go()? ? ? ? -1 表示向后，1表示向前
location（路徑）：
window.location.href? ? //當(dāng)前url
window.location.hostname? ? //主機(jī)名稱
window.location.host? ? //主機(jī)名稱+端口
window.location.post? ? //端口（http協(xié)議：80弧关；https協(xié)議：443）
window.location.protocol? ? //協(xié)議
window.location.search? ? //嘱根？后面的值
window.location.hash? ? //錨點(diǎn)后面的值
screen（屏幕）：
1、screen.width? ? ? ? 屏幕寬度
2懒棉、screen.height? ? ? ? ? 屏幕高度
3草描、screen.availWidth? ? ? ? 獲取除任務(wù)欄外系統(tǒng)屏幕的寬
4、screen.availHeight? ? ? ? 獲取除任務(wù)欄外系統(tǒng)屏幕的高
navigator（瀏覽器內(nèi)核信息）：
console.log（navigator.appCodeName） 返回瀏覽器的代碼名
console.log（navigator.appMinorVersion） 返回瀏覽器的次級(jí)版本
console.log（navigator.appName） 返回瀏覽器的名稱
console.log（navigator.appVersion） 返回瀏覽器的平臺(tái)個(gè)版本信息
console.log（navigator.browserLanguage） 返回當(dāng)前瀏覽器的語言
console.log（navigator.cpuClass） 返回瀏覽器系統(tǒng)的CPU等級(jí)
console.log（navigator.platform） 返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)
console.log（navigator.userAgent） 返回由客戶機(jī)發(fā)送服務(wù)器的user-agent頭部的值
console.log（navigator.userLanguage） 返回os的自然語言設(shè)置
document（文檔DOM）：
1策严、window.open()? ? 打開新窗口
2穗慕、window.close()? ? 關(guān)閉當(dāng)前窗口
3、window.moveTo()? ? 移動(dòng)當(dāng)前窗口 （相對(duì)于左上角）
4妻导、window.resizeTo()? ? 調(diào)整當(dāng)前窗口的尺寸
5逛绵、window.moveBy()? ? 移動(dòng)當(dāng)前窗口 （相對(duì)于鼠標(biāo)）
6、window.location? ? ? ? 對(duì)象用于獲得當(dāng)前頁面的地址 (URL)倔韭，并把瀏覽器重定向到新的頁面
DOM(document object model):文檔對(duì)象模型
獲取DOM對(duì)象：
在JavaScript中术浪，如何獲取HTML標(biāo)簽？
1）console.log（id名稱）? //直接通過id直接獲取
id名稱.innerHTML = "新的內(nèi)容";
2）document.getElementById("");? ? //通過id使用document對(duì)象ByElementById方法獲取
console.info(_msg)
_msg.innerHTML = "這個(gè)是通過id來獲取的標(biāo)簽"
操作DOM對(duì)象的內(nèi)容:
[if !supportLists]1寿酌、[endif]innerHTML操作內(nèi)容
var id=document.getElementById（“id”）
console.info（id.innerHTML）
id.innerHTML=”內(nèi)容”
[if !supportLists]2胰苏、[endif]innerTEXT操作內(nèi)容的文本 非w3c
var id=document.gerElementById（“id”）
console.info（id.innerText）
id.innerText=”內(nèi)容”
[if !supportLists]3、[endif]w3c下的操作文本內(nèi)容
var id=document.getElementById（“id”）
console.info（id.textContent）
id.textContent=”內(nèi)容”
操作DOM對(duì)象的屬性:
1醇疼、DOM對(duì)象.屬性名稱=新值
2硕并、DOM對(duì)象["屬性名稱"] = 新值;
3法焰、DOM對(duì)象.getAttribute("屬性名稱");
4、DOM對(duì)象.setAttribute("屬性名稱", "新值");
操作DOM對(duì)象的樣式:
[if !supportLists]1倔毙、[endif]通過 DOM對(duì)象.style.樣式名稱壶栋，獲取樣式值，這種方式只能獲取行內(nèi)樣式普监，無法獲取頁面或外聯(lián)樣式
console.info（id.style.height）
[if !supportLists]2贵试、[endif]w3c有一個(gè)api，用于獲取樣式凯正，不過該api存在兼容性毙玻，IE9+
console.log（getComputedStyle（class）.height）
console.log（getComputedStyle（class）.width）
針對(duì)IE8及其以下的瀏覽器，MS專門提供了一個(gè)api
console.info（id.currentStyle.height）
3廊散、因?yàn)楂@取寬高的值進(jìn)行操作桑滩，那么使用之前的方法，獲取的值是攜帶單位的字符串允睹，操作時(shí)需要先去掉單位运准，計(jì)算完成后，賦值的時(shí)候又需要拼接單位
offsetWidth ?offsetHeight獲取的時(shí)候存在邊框
console.info（id.offsetWidth）
console.info（id.offsetHeight）
clientHeight ?clientWidth即便是存在邊框缭受，它也不獲取
console.log（id.clientWidth）
console.log（id.clientHeight）
