BOM(Browser Object Mode)瀏覽器對象模型,是Javascript的重要組成部分。它提供了一系列對象用於與瀏覽器窗口進行交互,這些對象通常統稱爲BOM。
一張圖瞭解一下先
1、window 對象——BOM核心
window,顧名思義,窗口對象。它表示整個瀏覽器窗口,主要用來操作瀏覽器窗口。同時, window對象還是 ECMAScript 中的 Global 對象,因而所有全局變量和函數都是它的屬性,且所有原生的構造函數及其他函數也都存在於它的命名空間下。
-
彈框類的方法。前面省略window
alert(‘提示信息’)
confirm(“確認信息”)
prompt(“彈出輸入框”)
open(“url地址”,“_black或_self”,“新窗口的大小”)
close() 關閉當前的網頁
-
定時器,清除定時器。
setTimeout(函數,時間) 只執行一次
clearTimeout(定時器名稱) 清除定時器,用於停止執行setTimeout()方法的函數代碼。
setInterval(函數,時間) 無限執行
clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼。
-
Cookies 用於存儲 web 頁面的用戶信息。
JavaScript 可以使用 document.cookie 屬性來創建 、讀取、及刪除 cookies。document.cookie 將以字符串的方式返回所有的 cookies,類型格式: cookie1=value; cookie2=value; cookie3=value;
2、document 對象
它是window對象的一個屬性,可以用來處理頁面文檔
3、location 對象
對象用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。
window.location 對象在編寫時可不使用 window 這個前綴。 一些例子:
location.herf = ‘url地址’
location.hostname 返回 web 主機的域名
location.pathname 返回當前頁面的路徑和文件名
location.port 返回 web 主機的端口 (80 或 443)
location.portocol 返回頁面使用的web協議。 http:或https:
4、navigator 對象
對象提供了與瀏覽器有關的信息。userAgent是最常用的屬性,用來完成瀏覽器判斷。
window.navigator 對象在編寫時可不使用 window 這個前綴。
5、screen 對象
主要用來獲取用戶的屏幕信息。
window.screen對象在編寫時可以不使用 window 這個前綴
height: 獲取整個屏幕的高。
width : 獲取整個屏幕的寬。
availHeight: 整個屏幕的高減去系統部件的高( 可用的屏幕寬度 )
availWidth : 整個屏幕的寬減去系統部件的寬(可用的屏幕高度 )
6、history 對象
對象包含瀏覽器的歷史。
window.history對象在編寫時可不使用 window 這個前綴。
back() 返回上一頁。
forward() 返回下一頁。
go(“參數”) -1表示上一頁,1表示下一頁。