JS基礎---常見的Bom對象
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
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表示下一頁。
JS基礎---常見的Bom對象