Window Object

Window Object

Het vensterobject vertegenwoordigt het venster dat in de browser is geopend.

Als het document frames bevat (het <iframe>-tag), maakt de browser een vensterobject voor het HTML-document en maakt extra vensterobjecten voor elke frame.

Window object eigenschappen

Object 描述
closed Teruggeven of het venster is gesloten.
console 返回窗口的 Console object
defaultStatus 弃用。Instellen of teruggeven van de standaardtekst in de statusbalk van het venster.
document 返回窗口的 Document object
frameElement Teruggeven van de frames die draaien in het venster.
frames Teruggeven van alle vensterobjecten die in het venster draaien.
history 返回窗口的 History object
innerHeight Teruggeven van de hoogte van het weergavegebied van het document in het venster.
innerWidth Teruggeven van de breedte van de weergavegebied van het document in het venster.
length Teruggeven van het aantal <iframe>-elementen in het huidige venster.
localStorage Toestaan van het opslaan van sleutel/waardeparen in de webbrowser. Opslaan van gegevens zonder verloopdatum.
location 返回窗口的 Location object
name Instellen of teruggeven van de naam van het venster.
navigator 返回窗口的 Navigator object
opener Teruggeven van een verwijzing naar het venster dat het venster heeft gemaakt.
outerHeight Teruggeven van de hoogte van het browservenster, inclusief de werkbalk/scrollbalk.
outerWidth Teruggeven van de breedte van het browservenster, inclusief de werkbalk/scrollbalk.
pageXOffset Teruggeven van het aantal pixels dat het huidige document naar links is gescrolld (horizontaal) vanaf de linkerbovenhoek van het venster.
pageYOffset Teruggeven van het aantal pixels dat het huidige document naar boven is gescrolld (verticaal) vanaf de linkerbovenhoek van het venster.
parent 返回当前窗口的父窗口。
screen 返回窗口的 Object Screen
screenLeft 返回窗口相对于屏幕的水平坐标。
screenTop 返回窗口相对于屏幕的垂直坐标。
screenX 返回窗口相对于屏幕的水平坐标。
screenY 返回窗口相对于屏幕的垂直坐标。
sessionStorage 允许在 Web 浏览器中保存键/值对。存储会话的数据。
scrollX pageXOffset 的别名。
scrollY pageYOffset 的别名。
self 返回当前窗口。
status 已弃用。请避免使用它。
top 返回最顶层的浏览器窗口。

Window 对象方法

方法 描述
alert() 显示带有消息和确定按钮的警报框（对话框）。
atob() 解码 base-64 编码的字符串。
blur() 从当前窗口移除焦点。
btoa() 以 base-64 编码字符串。
clearInterval() 清除使用 setInterval() 设置的计时器。
clearTimeout() 清除使用 setTimeout() 设置的计时器。
close() 关闭当前窗口。
confirm() 显示包含消息以及确定和取消按钮的对话框。
focus() 将焦点设置到当前窗口。
getComputedStyle() 确定应用到一个文档元素的 CSS 样式。
getSelection() 返回 Selection 对象，表示用户选择的文本范围。
matchMedia() 返回 MediaQueryList 对象，表示指定的 CSS 媒体查询字符串。
moveBy() 相对于其当前位置移动窗口。
moveTo() 将窗口移动到指定位置。
open() 打开新的浏览器窗口。
print() 打印当前窗口的内容。
prompt() 用对话框请求输入一条简单的字符串。
requestAnimationFrame() 请求浏览器在下一次重绘之前调用函数来更新动画。
resizeBy() 按指定像素调整窗口大小。
resizeTo() 将窗口大小调整为指定的宽度和高度。
scroll() 弃用。此方法已被 scrollTo() 方法 替代。
scrollBy() 滚动文档到指定的像素数。
scrollTo() Scroll het document naar de opgegeven coördinaten.
setInterval() Voer de opgegeven code periodiek uit.
setTimeout() Voer code uit na een bepaalde tijd.
stop() Stop het laden van het venster.

Window object beschrijving

Het Window object vertegenwoordigt het browservenster of frame. In client-side JavaScript is het Window object een globale object, alle expressies worden in de huidige omgeving berekend. Dit betekent dat er geen speciale syntaxis nodig is om het huidige venster te verwijzen, je kunt de eigenschappen van dat venster gebruiken als globale variabelen. Bijvoorbeeld, je kunt alleen schrijven documentin plaats van window.document.

Op dezelfde manier kunnen de methoden van het huidige window object als functies worden gebruikt, zoals alleen alert() schrijven, zonder Window.alert() te hoeven schrijven.

Naast de hierboven genoemde eigenschappen en methoden, implementeert het Window object ook alle globale eigenschappen en methoden die door core JavaScript zijn gedefinieerd.

De window eigenschap van het Window object en self eigenschapDeze verwijzingen verwijzen allemaal naar zichzelf. Als je expliciet het huidige venster wilt verwijzen, in plaats van het impliciet te verwijzen, kun je deze twee eigenschappen gebruiken. Naast deze twee eigenschappen verwijzen de parent eigenschap, de top eigenschap en het frame[] array naar andere Window objecten die gerelateerd zijn aan het huidige Window object.

Om een frame binnen een venster te verwijzen, kan de volgende syntaxis worden gebruikt:

frame[i]		//Het huidige frame
self.frame[i]	//Het huidige frame
w.frame[i]	//Het frame w

Om het ouder venster (of ouder frame) van een frame te verwijzen, kan de volgende syntaxis worden gebruikt:

parent		//Het ouder venster van het huidige venster
self.parent	//Het ouder venster van het huidige venster
w.parent 		//Het ouder venster van venster w

Om een frame binnen een top-level venster te verwijzen, kan de volgende syntaxis worden gebruikt:

top		//Het top-level venster van het huidige frame
self.top		//Het top-level venster van het huidige frame
f.top		//Het top-level venster van frame f

Een nieuwe top-level browservenster wordt gemaakt door de methode Window.open(). Wanneer deze methode wordt aangeroepen, moet de retourwaarde van de open() aanroep worden opgeslagen in een variabele en die variabele gebruiken om het nieuwe venster te verwijzen. De nieuwe venster's opener eigenschaphet verwijst terug naar het venster dat het heeft geopend.

Over het algemeen zijn de methoden van het Window object bedoeld om een bepaalde actie uit te voeren op het browservenster of frame. En alert() methodeenconfirm() methodeen prompt methodeze verschillen, omdat ze via eenvoudige dialoogvensters met de gebruiker communiceren.