Window與document物件及幾種屬性

2021-07-25 15:50:47 字數 1418 閱讀 5866

window物件

window 物件表示瀏覽器中開啟的視窗。

它是乙個頂層物件,而不是另乙個物件的屬性即瀏覽器的視窗。

如果文件包含框架(frame 或 iframe 標籤),瀏覽器會為 html 文件建立乙個 window 物件,並為每個框架建立乙個額外的 window 物件。

window.location :

包含 href 屬性,直接取值賦值時相當於 window.location

.href。

window.location

.href: 當前頁面完整 url。

document物件

document 只是屬於window 的乙個子對像。

該物件是window和frames物件的乙個屬性,是顯示於視窗或框架內的乙個文件。

【tips】:幾個屬性物件

該變更永遠指分割視窗最高層次的瀏覽器視窗。如果計畫從分割視窗的最高層次開始執行命令,就可以用top變數。

注:如果視窗本身就是頂層視窗,top屬性返回的是對自身的引用。

opener用於在window.open的頁面引用執行該window.open方法的的頁面的物件。例如:a頁面通過window.open()方

法彈出了b頁面,在b頁面中就可以通過opener來引用a頁面,這樣就可以通過這個物件來對a頁面進行操作。

parent用於在iframe,frame中生成的子頁面中訪問父頁面的物件。例如:a頁面中有乙個iframe或frame,那麼iframe

或frame中的頁面就可以通過parent物件來引用a頁面中的物件。這樣就可以獲取或返回值到a頁面中。

注:如果視窗本身是頂層視窗,parent屬性返回的是對自身的引用。

在框架網頁中,一般父視窗就是頂層視窗,但如果框架中還有框架,父視窗和頂層視窗就不一定相同了。

parent與opener的區別:

parent指父視窗,在frameset中,frame的parent就是frameset視窗。

opener指用window.open等方式建立的新視窗對應的原視窗。

parent是相對於框架來說父視窗物件

opener是針對於用window.open開啟的視窗來說的父視窗,前提是window.open開啟的才有

document.parentwindow.menthod()呼叫父頁面的方法

附:window物件、parent物件、frame物件、document物件和form物件的階層關係

window物件→parent物件→frame物件→document物件→form物件,

如下: parent.frame1.document.forms[0].elements[0].value;

window與document物件的學習

window物件 1.視窗操作 moveby dx,dy 相對現在的位置移動水平和垂直移動?畫素。moveto x,y 絕對移動,對於頻幕左上角移動的位置。resizeby dw,dh 現在視窗大小,增加或者減少?個畫素。resizeto w,h 固定調整,把瀏覽器寬,高調整為w,h。不能為負數。基...

JS中document物件和window物件有什

簡單來說,document是window的乙個物件屬性。window 物件表示瀏覽器中開啟的視窗。如果文件包含框架 frame 或 iframe 標籤 瀏覽器會為 html 文件建立乙個 window 物件,並為每個框架建立乙個額外的 window 物件。所有的全域性函式和物件都屬於window 物...

document物件和window的常用事件

readystatechange 當document.readystate的值發生變化時就會觸發以上事件 readystate的值有 1.loading dom還在載入中 此時貌似js還沒開始執行,js裡捕獲不到這個狀態 2.interactive dom已經載入完畢,css,iframe裡的頁面還...