1. 程式人生 > >js BOM瀏覽器對象模型

js BOM瀏覽器對象模型

主機名 屏幕高度 語言 nbsp default height depth ie9 彈框

BOM即Browser Object Model,瀏覽器對象模型,表示瀏覽器窗口,所有js全局對象、函數以及變量均是window 對象的成員。

對於不同的瀏覽器,表示寬度和高度的方法不同:

對於IE9及以上、Chrome、Firefox、Opera以及Safari:window.innerHeight和window.innerWidth

對於IE5、6、7、8:document.documentElement.clientHeight和document.documentElement.clientWidth

其他的:document.body.clientHeight和document.body.clientWidth

window一些方法:

window.open() - 打開新窗口

window.close() - 關閉當前窗口

window.moveTo() - 移動當前窗口

window.resizeTo() - 調整當前窗口的尺寸

window.screen對象包含有關用戶屏幕的信息,可省略前面的window

screen.height和screen.width:屏幕總高度和總寬度

screen.availHeight和screen.availWidth:可用的屏幕高度和寬度,以像素計,減去界面特性,比如窗口任務欄

screen.colorDepth:屏幕色彩深度

screen.pixelDepth:屏幕色彩分辨率

window.location 對象用於獲得當前頁面的地址 (URL),可省略前面的window

location.href:當前頁面的 URL

location.hostname:web主機名

location.pathname:當前頁面的路徑和文件名

location.port:web主機端口

location.protocol:使用的web協議,http:或者https:

location.assign("URL"):加載新文檔

window.history對象包含瀏覽器的瀏覽歷史,可省略前面的window

history.back():與在瀏覽器點擊後退按鈕相同

history.forward():與在瀏覽器中點擊向前按鈕相同

window.navigator對象包含瀏覽器的信息,可省略前面的window

navigator.appCodeName:瀏覽器代號

navigator.appName:瀏覽器名稱

navigator.appVersion:瀏覽器版本

navigator.cookieEnabled:是否啟用Cookies

navigator.platform:硬件平臺

navigator.userAgent:用戶代理

navigator.systemLanguage:用戶代理語言

彈框,可以在js中創建三種消息框,警告框alert()、確認框confirm()、提示框prompt(),三種方法都可以省略前面的window

alert(‘sometext‘):警告框,需要點擊確定按鈕才能繼續進行操作

confirm(‘sometext‘):確認框,點擊 "確認"返回 true, 點擊 "取消"返回 false

prompt(‘sometext‘,‘defaultvalue‘):提示用戶在進入頁面前輸入值,defaultvalue為默認值,如果點擊 "確認"返回值為輸入的值,點擊 "取消"返回值為 null

js BOM瀏覽器對象模型