JS常用浏覽器對象包括window對象,以及window下的history子對象,document子對象和location子對象,如下圖:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICdzFWRoRXdvN1LclHdpZXYyd2LcBzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX90zdOh3Z61UNFRVT4FEVkZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39TO1gjNxMTM2EzNycDMzEDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
一 window對象
浏覽器内部對象用于和HTML文檔進行互動,而window對象是浏覽器内部對象中的核心對象,也是層次最高的對象。window對象代表的是打開的浏覽器視窗。window對象是全局對象,它的屬性可作為全局變量來使用,它的方法可當作函數來使用,也就是說,引用window對象的屬性和方法時,可以省略對象名。如:使用document屬性不必寫作window.document,使用alert()方法不必寫作window.alert()。
window對象調用其方法和屬性的格式:window.屬性名
window.方法名(參數清單)
常用window對象屬性及方法:
window中的open方法:
功能:用于打開一個新的浏覽器視窗或查找一個已命名的視窗。
文法:window.open(URL,name,features,replace)
參數:
*URL:可選。聲明在新視窗中顯示文檔的URL。如果省略了這個參數,或者它的值是空字元串,那麼新視窗就不會顯示任何文檔。
*name:可選。聲明了新視窗的名稱。該視窗名稱在a元素和form元素的target屬性中使用。如果該參數指定了一個已經存在的視窗,那麼open()方法就不再建立一個新視窗,而隻是傳回對指定視窗的引用,并且在這種情況下,features參數将被忽略。
*features:可選。聲明了新視窗要顯示的标準浏覽器的特征。如果省略該參數,新視窗将具有所有标準特征。
*replace: 可選。規定了裝載到視窗的URL是在視窗的浏覽曆史中建立一個新條目,還是替換浏覽曆史中的目前條目。取值為true時,URL替換浏覽曆史中的目前條目;取值為false時,URL在浏覽曆史中建立新的條目。
傳回值:傳回對新視窗的Window對象的引用。
二 document子對象
又稱為文檔對象,該對象JavaScript中的最重要的一個對象。document對象是Window對象中的一個子對象,Window對象代表浏覽器視窗,而document對象代表了浏覽器視窗中的文檔。JavaScript會為每個HTML文檔自動建立一個document對象。通過document對象可以操作HTML文檔中的内容及其他對象。document對象除了擁有大量的方法和屬性之外,還擁有大量的子對象,這些子對象可以用來控制HTML文檔中的圖檔、超連結、表單元素等控件。
document子對象的allp[ ]集合:
功能:提供對文檔中所有HTML元素的通路。
文法1: document.all[i]
i是一個從0開始的整數,代表數組下标。此種方法用來通路文檔中的第i個元素。
文法2: document.all[name]
name是某個HTML元素的id或name值。此種方法用來通路文檔中的指定元素。
文法3: document.all.tags[tagsname]
tags是一個HTML元素,tagsname是某個tags元素的id或name值。
注1:all[]包含的元素保持了最初的順序,如果你知道它們在數組中的确切位置,可以直接從數組中提取它們。然而,更為常見的是它們的HTML屬性中的name或id來通路元素。如果多個元素擁有相同的name,将得到共享同一名稱的元素的一個數組。
注2:不推薦使用all[],document對象的getElementByid()方法、getElementsByTagName()方法以及getElementsByName()方法使用更為友善。
常用document子對象屬性及方法:
三 history子對象
history對象(曆史對象)用來存儲用戶端浏覽器視窗最近所浏覽過的曆史網址。
常用history子對象方法:
四 location子對象
location對象(位址對象)用來代表用戶端浏覽器視窗的URL位址資訊。如果把一個URL字元串賦予Location對象或它的href屬性,浏覽器就會把新的URL所指的文檔裝載進來,并顯示出來。我們還可以利用Location對象的屬性修改部分URL,這樣就會建立新的URL,其中的一部分與原來的URL不同,浏覽器會将它裝載并顯示出來。