知識點
- 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() 關閉目前的網頁