天天看點

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象

JS常用浏覽器對象包括window對象,以及window下的history子對象,document子對象和location子對象,如下圖:

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象

一 window對象

浏覽器内部對象用于和HTML文檔進行互動,而window對象是浏覽器内部對象中的核心對象,也是層次最高的對象。window對象代表的是打開的浏覽器視窗。window對象是全局對象,它的屬性可作為全局變量來使用,它的方法可當作函數來使用,也就是說,引用window對象的屬性和方法時,可以省略對象名。如:使用document屬性不必寫作window.document,使用alert()方法不必寫作window.alert()。

window對象調用其方法和屬性的格式:window.屬性名

window.方法名(參數清單)

常用window對象屬性及方法:

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象

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子對象屬性及方法:

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象

三 history子對象

history對象(曆史對象)用來存儲用戶端浏覽器視窗最近所浏覽過的曆史網址。

常用history子對象方法:

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象

四 location子對象

 location對象(位址對象)用來代表用戶端浏覽器視窗的URL位址資訊。如果把一個URL字元串賦予Location對象或它的href屬性,浏覽器就會把新的URL所指的文檔裝載進來,并顯示出來。我們還可以利用Location對象的屬性修改部分URL,這樣就會建立新的URL,其中的一部分與原來的URL不同,浏覽器會将它裝載并顯示出來。

常用location子對象屬性及方法:

JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象
JavaScript常用浏覽器對象總結一 window對象二 document子對象三 history子對象四 location子對象