JavaScript -venster - Die blaaierobjekmodel
Die Browser Object Model (BOM) laat JavaScript toe om met die blaaier te "praat".
Die blaaierobjekmodel (BOM)
Daar is geen amptelike standaarde vir die B rowser O bject M odel (BOM) nie.
Aangesien moderne blaaiers (byna) dieselfde metodes en eienskappe vir JavaScript-interaktiwiteit geïmplementeer het, word dit dikwels na verwys as metodes en eienskappe van die BOM.
Die Venstervoorwerp
Die window
voorwerp word deur alle blaaiers ondersteun. Dit verteenwoordig die blaaier se venster.
Alle globale JavaScript-objekte, -funksies en -veranderlikes word outomaties lede van die venstervoorwerp.
Globale veranderlikes is eienskappe van die venstervoorwerp.
Globale funksies is metodes van die venstervoorwerp.
Selfs die dokument voorwerp (van die HTML DOM) is 'n eienskap van die venster voorwerp:
window.document.getElementById("header");
is dieselfde as:
document.getElementById("header");
Venster grootte
Twee eienskappe kan gebruik word om die grootte van die blaaiervenster te bepaal.
Albei eienskappe gee die groottes in pixels terug:
window.innerHeight
- die binnehoogte van die blaaiervenster (in pixels)window.innerWidth
- die binnebreedte van die blaaiervenster (in piksels)
Die blaaiervenster (die blaaier-aansigpoort) sluit NIE nutsbalke en rolbalke in nie.
Voorbeeld
let w = window.innerWidth;
let h = window.innerHeight;
Ander venstermetodes
Sommige ander metodes:
window.open()
- maak 'n nuwe venster oopwindow.close()
- maak die huidige venster toewindow.moveTo()
- skuif die huidige vensterwindow.resizeTo()
- verander die grootte van die huidige venster