Window Object
Window Object
Het Window-object vertegenwoordigt het venster dat in de browser geopend is.
Als een document frames (frame of iframe tags) bevat, zal de browser een window-object voor het HTML-document aanmaken en een extra window-object voor elk frame aanmaken.
Opmerking:没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。
There is no publicly supported standard applied to the window object, but all browsers support this object.
| Window object collection | Beschrijving |
|---|---|
| collection |
frames[] Returns all named frames in the window. |
This collection is an array of Window objects, each of which contains a frame or <iframe> in the window. The property frames.length stores the number of elements contained in the array frames[]. Note that the frames[] array may also refer to frames that themselves have a frames[] array.
| Window object properties | Beschrijving |
|---|---|
| properties | closed |
| Returns whether the window has been closed. | defaultStatus |
| document | 设置或返回窗口状态栏中的默认文本。 Read-only reference to the Document object. Please see. |
| Document object | history History Object. |
| Read-only reference to the History object. Please see parameters | Returns the height of the window's document display area. |
| innerwidth | Returns the width of the window's document display area. |
| length | Sets or returns the number of frames in the window. |
| location | The Location object used for windows or frames. Please see Location Object. |
| name | Sets or returns the name of the window. |
| Navigator | Read-only reference to the Navigator object. Please see parameters Navigator Object. |
| opener | Returns a reference to the window that created this window. |
| outerheight | Returns the external height of the window. |
| outerwidth | Returns the external width of the window. |
| pageXOffset | Sets or returns the X position of the current page relative to the upper left corner of the window display area. |
| pageYOffset | Sets or returns the Y position of the current page relative to the upper left corner of the window display area. |
| parent | Returns the parent window. |
| Screen | Read-only reference to the Screen object. Please see parameters Screen Object. |
| self | Returns a reference to the current window. Equivalent to the Window property. |
| status | Sets the text of the window status bar. |
| top | Returns the topmost ancestor window. |
| window | The window property is equivalent to the self property, which contains a reference to the window itself. |
|
Read-only integer. Declares the x and y coordinates of the upper left corner of the window on the screen. IE, Safari, and Opera support screenLeft and screenTop, while Firefox and Safari support screenX and screenY. |
Methoden van het Window-object
| Methoden | Beschrijving |
|---|---|
| alert() | Toon een waarschuwingvenster met een bericht en een bevestigingsknop. |
| blur() | Verplaats de focus van het toetsenbord van het topvenster. |
| clearInterval() | Annuleer de timeout die is ingesteld door setInterval(). |
| clearTimeout() | Annuleer de timeout die is ingesteld door de setTimeout() methode. |
| close() | Sluit het browservenster. |
| confirm() | Toon een dialoogvenster met een bericht, een bevestigingsknop en een annuleringsknop. |
| createPopup() | Maak een pop-up venster aan. |
| focus() | Geef de focus van het toetsenbord aan een venster. |
| moveBy() | Verplaats het venster met een opgegeven aantal pixels ten opzichte van de huidige coördinaat van het venster. |
| moveTo() | Verplaats de linksonderhoek van het venster naar een opgegeven coördinaat. |
| open() | Open een nieuw browservenster of zoek een reeds genaamd venster. |
| print() | Print de inhoud van het huidige venster. |
| prompt() | Toon een dialoogvenster waarin de gebruiker kan worden gevraagd om input in te voeren. |
| resizeBy() | Pas de grootte van het venster aan naar een opgegeven aantal pixels. |
| resizeTo() | Pas de grootte van het venster aan naar de opgegeven breedte en hoogte. |
| scrollBy() | Scroll de inhoud naar een opgegeven aantal pixels. |
| scrollTo() | Scroll de inhoud naar de opgegeven coördinaten. |
| setInterval() | Roep een functie of bereken een expressie op met een opgegeven cyclus (in milliseconden). |
| setTimeout() | Roep een functie of bereken een expressie op na een opgegeven aantal milliseconden. |
Beschrijving van het Window-object
Het Window-object representer een browservenster of een 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 naar het huidige venster te verwijzen; de eigenschappen van dat venster kunnen als globale variabelen worden gebruikt. Bijvoorbeeld, kan alleen worden geschreven documenten hoeft niet window.document te worden geschreven.
Ook kan de methode van het huidige vensterobject als een functie worden gebruikt, zoals alleen alert() hoeft te worden geschreven, zonder Window.alert() te hoeven schrijven.
Behalve de hierboven vermelde 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 referenties verwijzen allemaal naar zichzelf. Als je expliciet het huidige venster wilt refereren, in plaats van het implíciet te refereren, kun je deze eigenschappen gebruiken. Naast deze 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 in een venster te refereren, kan de volgende syntaxis worden gebruikt:
frame[i] //Huidige frame van het venster self.frame[i] //Huidige frame van het venster w.frame[i] //Frame van venster w
Om de ouder van een frame (of ouderframe) te refereren, kan de volgende syntaxis worden gebruikt:
parent //Ouder venster van het huidige venster self.parent //Ouder venster van het huidige venster w.parent //Ouder venster van venster w
Om een frame te refereren dat deel uitmaakt van de top-level venster, kan de volgende syntaxis worden gebruikt:
top //Top-level venster van het huidige frame self.top //Top-level venster van het huidige frame f.top //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 wordt gebruikt om het nieuwe venster te refereren. Het nieuwe venster heeft de volgende eigenschappen: opener eigenschapterugverwijst 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. alert() methodeenconfirm() methodeen prompt methodeze verschillen, ze interageren met de gebruiker via eenvoudige dialoogvensters.
