知識點
- window對象
- document （文檔對象）
- navigator (瀏覽器對象)
- screen （屏幕對象）
- location （url地址對象）
- history （瀏覽歷史對象）
- 定時器
- 彈框
BOM: 是指瀏覽器對象模型，它使JavaScript可以和瀏覽器交互
1. window對象 瀏覽器窗口
是JS的最頂層對象，其他的BOM對象都是window對象的屬性；
所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。
所有 JavaScript 全局對象、函數以及變量均自動成爲 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數是 window 對象的方法。
甚至 HTML DOM 的 document 也是 window 對象的屬性之一
2. document (文檔對象)
每個載入瀏覽器的 HTML 文檔都會成爲 Document 對象。
3. navigator （瀏覽器對象）
通過這個對象可以判斷用戶所使用的瀏覽器，包含了瀏覽器的相關信息
navigator.appName // 瀏覽器全稱
navigator.appVersion // 瀏覽器廠商和版本的詳細字符串
navigator.userAgent // 客戶端絕大部分信息
navigator.platform // 瀏覽器運行所在的操作系統
4. screen （屏幕對象）
可以獲取一些和屏幕相關的信息
screen.height // 獲取整個屏幕的高。
screen.width // 獲取整個屏幕的寬。
screen.availHeight // 整個屏幕的高減去系統部件的高（ 可用的屏幕寬度 ）
screen.availWidth // 整個屏幕的寬減去系統部件的寬（可用的屏幕高度 ）
5. location 對象
用於獲取瀏覽器當前的網頁地址，還可以重定向新的地址。
location.href // 獲取url
location.href = "www.baidu.com" // 跳轉到www.baidu
location.reload() // 重新加載頁面
location.hostname // 返回web主機的域名
location.pathname // 返回當前頁面的路徑和文件名
location.port // 返回web主機的端口
location.portocal // 返回頁面使用的web協議，http或https
6. history瀏覽歷史對象
包含了用戶對當前頁面的瀏覽歷史，但我們無法查看具體的地址，可以簡單的用來前進或後退一個頁面。
history.forward() // 前進一頁
history.back() // 後退一頁
history.go(參數) // -1表示上一頁， 1表示下一頁
7. 定時器 （兩種）
setTimeout()/clearTimeout()
- setTimeout(函數，時間) 只執行一次
- clearTimeout(定時器名稱) 清除定時器，用於停止執行setTimeout()方法的函數代碼。
setInterval()/clearInterval()
- setInterval(函數，時間) 無限執行
- clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼。
8. 彈框（三種）
alert(‘提示信息’)
confirm(“確認信息”)
prompt(“彈出輸入框”)
open(“url地址”，“_black或_self”，“新窗口的大小”）
close() 關閉當前的網頁