Window-Objekt

Window-Objekt

Das Window-Objekt stellt das geöffnete Fenster im Browser dar.

Wenn das Dokument Frames (<iframe>-Marken) enthält, erstellt der Browser Window-Objekte für das HTML-Dokument und erstellt zusätzliche Window-Objekte für jeden Frame.

Window-Objektattribute

Objekt 描述
closed Rückgibt, ob das Fenster geschlossen wurde.
console 返回窗口的 Console-Objekt。
defaultStatus 已弃用。Setzt oder gibt den Standardtext in der Statusleiste des Fensters zurück.
document 返回窗口的 Document-Objekt。
frameElement Rückgibt die in dem Fenster ausgeführten Frames.
frames Rückgibt alle Window-Objekte, die im Fenster ausgeführt werden.
history 返回窗口的 History-Objekt。
innerHeight Rückgibt die Höhe der Anzeigefläche des Dokuments im Fenster.
innerWidth Rückgibt die Breite der Anzeigefläche des Dokuments im Fenster.
length Rückgibt die Anzahl der <iframe>-Elemente im aktuellen Fenster.
localStorage Ermöglicht das Speichern von Schlüssel/Wert-Paaren im Webbrowser. Speichert Daten ohne Ablaufdatum.
location 返回窗口的 Location-Objekt。
name Setzt oder gibt den Namen des Fensters zurück.
navigator 返回窗口的 Navigator-Objekt。
opener Rückgibt den Verweis auf das Fenster, das das aktuelle Fenster erstellt hat.
outerHeight Rückgibt die Höhe des Browserfensters einschließlich der Werkzeugleiste/der Scrollleiste.
outerWidth Rückgibt die Breite des Browserfensters einschließlich der Werkzeugleiste/der Scrollleiste.
pageXOffset Rückgibt die Pixel, um die der aktuelle Dokument von der linken oberen Ecke des Fensters (horizontal) gescrollt ist.
pageYOffset Rückgibt die Pixel, um die der aktuelle Dokument von der linken oberen Ecke des Fensters (vertikal) gescrollt ist.
parent 返回当前窗口的父窗口。
screen 返回窗口的 Screen Objekt。
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() Dokument wird auf die angegebene Koordinate gescrollt.
setInterval() Durchführung spezifizierter Codes in regelmäßigen Abständen.
setTimeout() Führen Sie den Code nach einer bestimmten Zeit aus.
stop() Ladevorgang des Fensters stoppen.

Beschreibung des Window-Objekts

Das Window-Objekt stellt das Browserfenster oder den Frame dar. Im Client JavaScript ist das Window-Objekt ein globales Objekt, und alle Ausdrücke werden im aktuellen Umfeld berechnet. Das bedeutet, es ist nicht erforderlich, spezielle Syntax zu verwenden, um auf das aktuelle Fenster zu verweisen, und man kann die Attribute dieses Fensters als globale Variablen verwenden. Zum Beispiel kann man nur schreiben documentstatt window.document zu schreiben.

Gleichzeitig können die Methoden des aktuellen Window-Objekts wie Funktionen verwendet werden, z.B. nur alert(), ohne Window.alert() zu schreiben.

Neben den oben genannten Attributen und Methoden hat das Window-Objekt alle globalen Attribute und Methoden, die von core JavaScript definiert wurden.

Das window-Attribut des Window-Objekts und self-EigenschaftBeide verweisen auf sich selbst. Wenn Sie explizit das aktuelle Fenster referenzieren möchten, und nicht nur implizit, können Sie diese beiden Attribute verwenden. Neben diesen beiden Attributen verweisen das parent-Attribut, das top-Attribut und das frame[]-Array auf andere Window-Objekte, die mit dem aktuellen Window-Objekt verbunden sind.

Um auf einen Frame innerhalb des Fensters zu verweisen, kann die folgende Syntax verwendet werden:

frame[i]		//Der aktuelle Frame
self.frame[i]	//Der aktuelle Frame
w.frame[i]	//Der Frame w

Um auf das Elternfenster (oder den Elter Rahmen) eines Frames zu verweisen, kann die folgende Syntax verwendet werden:

parent		//Das Elternfenster des aktuellen Fensters
self.parent	//Das Elternfenster des aktuellen Fensters
w.parent 		//Das Elternfenster des Fensters w

Um auf jeden Frame innerhalb des obersten Windows zu verweisen, kann die folgende Syntax verwendet werden:

top		//Die oberste Window des aktuellen Frames
self.top		//Die oberste Window des aktuellen Frames
f.top		//Die oberste Window des Frames f

Ein neues oberstes Browserfenster wird durch die Methode Window.open() erstellt. Wenn diese Methode aufgerufen wird, sollte der Rückgabewert von open() in einer Variable gespeichert werden, und dann wird dieser Variable zur Referenzierung des neuen Fensters verwendet. Das neue Fenster hat opener-Eigenschaftbezieht sich umgekehrt auf das Fenster, das es geöffnet hat.

Im Allgemeinen sind die Methoden des Window-Objekts für bestimmte Operationen an dem Browserfenster oder dem Frame vorgesehen. Und alert() -Methode、confirm() -Methodeund prompt-Methodeunterscheiden sich, sie interagieren mit dem Benutzer über einfache Dialoge.