JavaScript -venster - Het browserobjectmodel
Met het Browser Object Model (BOM) kan JavaScript "praten met" de browser.
Het browserobjectmodel (BOM)
Er zijn geen officiële normen voor het B rowser Object M odel (BOM).
Aangezien moderne browsers (bijna) dezelfde methoden en eigenschappen voor JavaScript-interactiviteit hebben geïmplementeerd, wordt hier vaak naar verwezen als methoden en eigenschappen van de stuklijst.
Het raamobject
Het window
object wordt door alle browsers ondersteund. Het vertegenwoordigt het browservenster.
Alle globale JavaScript-objecten, functies en variabelen worden automatisch lid van het vensterobject.
Globale variabelen zijn eigenschappen van het vensterobject.
Globale functies zijn methoden van het vensterobject.
Zelfs het documentobject (van de HTML DOM) is een eigenschap van het vensterobject:
window.document.getElementById("header");
is hetzelfde als:
document.getElementById("header");
Venstergrootte
Er kunnen twee eigenschappen worden gebruikt om de grootte van het browservenster te bepalen.
Beide eigenschappen retourneren de afmetingen in pixels:
window.innerHeight
- de binnenhoogte van het browservenster (in pixels)window.innerWidth
- de binnenbreedte van het browservenster (in pixels)
Het browservenster (de browserviewport) bevat GEEN werkbalken en schuifbalken.
Voorbeeld
let w = window.innerWidth;
let h = window.innerHeight;
Andere venstermethoden
Enkele andere methoden:
window.open()
- open een nieuw vensterwindow.close()
- sluit het huidige vensterwindow.moveTo()
- verplaats het huidige vensterwindow.resizeTo()
- formaat van het huidige venster wijzigen