JavaScript基礎（BOM）-Window 對象（定時器、視窗）、History 對象、Location 對象

BOM浏覽器對象模型

浏覽器對象模型也就是說,我們可以把整個浏覽器當成對象來處理、操作

打開一個浏覽器，整個浏覽器去解析一個html頁面（document），我們在js代碼裡面就可以調用浏覽器的這些對象

JavaScript Window - 浏覽器對象模型(BOM)

浏覽器對象模型 (BOM) 使 JavaScript 有能力與浏覽器“對話”。

由于現代浏覽器已經（幾乎）實作了 JavaScript 互動性方面的相同方法和屬性，是以常被認為是 BOM 的方法和屬性。

Window 對象（JavaScript中所有的東西都屬于window對象中的一員，主要用于彈出框）

所有浏覽器都支援 window 對象。它表示浏覽器視窗（對象）。

所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。

全局變量是 window 對象的屬性。

全局函數是 window 對象的方法。

控制台列印出window對象檢視裡面的成員：

console.log(window);
           

甚至 HTML DOM 的 document 也是 window 對象的屬性之一：

window.document.getElementById("header");
           

與此相同：

document.getElementById("header");
           

重點（window）

Window.setTimeout(code,millisec)
           

code	必需。要調用的函數後要執行的 JavaScript 代碼串。
millisec	必需。在執行代碼前需等待的毫秒數。

setTimeout() 隻執行 code 一次。如果要多次調用，請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。

Window 對象方法

alert()	顯示帶有一段消息和一個确認按鈕的警告框。
setInterval()	按照指定的周期（以毫秒計）來調用函數或計算表達式。
clearInterval()	取消由 setInterval() 設定的timeout。
confirm()	顯示帶有一段消息以及确認按鈕和取消按鈕的對話框。
resizeTo()	把視窗的大小調整到指定的寬度和高度。
prompt()	顯示可提示使用者輸入的對話框。
setTimeout()	在指定的毫秒數後調用函數或計算表達式。
clearTimeout()	取消由 setTimeout() 方法設定的timeout。

moveTo():移動視窗到指定位置

resizeTo():改變視窗大小

name:視窗的名稱或視窗的目标。

【注】不命名會每次打開新視窗，命名的第一次打開新視窗，之後在這個視窗中加載。

History 對象（window對象成員之一，主要用于頁面的擷取）

History 對象包含使用者（在浏覽器視窗中）通路過的 URL記錄。

History 對象是 window對象的一部分，可通過window.history屬性對其進行通路。

注釋：沒有應用于 History對象的公開标準，不過所有浏覽器都支援該對象。

控制台列印history對象：

console.log(window.history);
           

屬性：

window.history.length       傳回history對象中記錄數，曆史記錄的條數

History 對象方法

方法	描述
back()	加載 history 清單中的前一個URL。
forward()	加載 history 清單中的下一個URL。
go()	加載 history 清單中的某個具體頁面。

隻有go（）方法中有參數    （go(0)重新整理）

Location 對象（window對象成員之一，主要用于浏覽器上位址欄）

Location 對象包含有關目前 URL的資訊。

Location 對象是 Window對象的一個部分，可通過window.location屬性來通路。

window.location == window.document.location   // true

js完成頁面跳轉（href屬性）：

Location 對象方法

屬性	描述
assign()	加載新的文檔。
reload()	重新加載目前文檔。
replace()	用新的文檔替換目前文檔。

行内标簽的使用

Location 對象存儲在 Window對象的Location屬性中，表示那個視窗中目前顯示的文檔的Web位址。它的href屬性存放的是文檔的完整 URL，其他屬性則分别描述了URL的各個部分。

如有問題請多多諒解！希望給您帶來幫助！祝您生活愉快。