js BOM瀏覽器對象模型
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瀏覽器對象模型