Het window object
Het window object is een ingebouwd object dat het actuele browservenster/tab voorstelt. Het window object heeft een aantal kind-objecten die browser eigenschappen vertegenwoordigen (history, location, navigator en screen). Ook het document object is een kind object van het window object. Het document object vertegenwoordigt het HTML document en wordt gebruikt om webpagina's aan te passen met javascript. Het history object bevat de pagina's die in de geschiedenis van de browser staan. Het location object bevat de URL van de huidige webpagina. Het navigator object bevat informatie over de browser. Het screen object bevat informatie over het scherm waar de webpagina op wordt weergegeven.
Eigenschappen van het window object
Voorbeelden van een aantal eigenschappen van het window object:
- window.document
- de huidige webpagina
- window.history
- vertegewoordigt de browse geschiedenis
- window.history.length
- het aantal pagina's in de geschiedenis
- window.innerHeight
- hoogte van het paginavlak in het browservenster
- window.innerWidth
- breedte van het paginavlak in het browservenster
- window.location
- de URL van de huidige webpagina
- window.pageXOffset
- aantal pixels dat de pagina horizontaal gescrolld is
- window.pageYOffset
- aantal pixels dat de pagina verticaal gescrolld is
- window.screen
- vertegenwoordigt het scherm object
- window.screen.height
- hoogte van het scherm in pixels
- window.screen.width
- breedte van het scherm in pixels
- window.screenX
- X-coordinaat van de muis gezien vanaf de linkerbovenhoek van het scherm
- window.screenY
- Y-coordinaat van de muis gezien vanaf de linkerbovenhoek van het scherm
Methoden van het window object
Voorbeelden van een aantal methoden van het window object:
- window.alert()
- geeft een dialog box met een melding waarop je op OK moet klikken
- window.open()
- probeert een pop up te openen, dit wordt echter vaak geblokkeerd door de browser
- window.print()
- geeft opdracht om de pagina af te drukken
Voorbeeld met alert
Dit geeft een alert dialog box met de schermresolutie:
var melding = 'Schermresolutie: '+ window.screen.width;
melding += ' bij ' + window.screen.height + ' pixels';
alert(melding);
