Navigator Object Hierarchy
Wanneer je een document laadt in de browser worden er een aantal JavaScript objecten gecreeerd met properties waarden gebaseerd op HTML.
Deze objecten bestaan in een hierarchy die een reflectie zijn het van de HTML-pagina zelf. De volgende afbeelding toont de object hierarchy.
In deze hierarchy zijn 'kinderen' van een object properties van het object.
Bijvoorbeeld, een formulier genaamd form1 is een object maar ook een property van document en wordt benaderd als document.form1.
Iedere pagina heeft de volgende objecten:
-
Navigator: Hierin staat de naam en de versie van de navigator (browser), welke MIME typen ondersteund worden door de client,
en welke plugins geinstalleerd zijn.
-
window: Het eerste object, alle overige objecten zijn properties van dit object. Ieder 'Kind' window in een frames document heeft ook een
window object maar blijven properties van het eerste window object.
-
document: bevat properties gebaseerd op de inhoud van het document, zoals titel, achtergrondkleur, links en formulieren.
-
location: bevat de properties gebaseerd op de huidige URL.
-
history: bevat de properties van de URL's die de client laatst bezocht heeft.
Afhankelijk van zijn inhoud, kan het document ook andere objecten bevatten. Bijvoorbeeld, elk formulier (omsloten door het Form tag) in het document
heeft corresponderende formulier objecten.
Om een propertie te benaderen moet je de namen van alle hogere objecten specificeren. In het algemeen krijgt een object zijn naam van de Name attribuut
van de corresponderende HTML tag.
Bijvoorbeeld, de volgende code verwijst naar de
value propertie van een tekstveld genaamd text1 in een formulier genaamd
myform in het
huidige document.
document.myform.text1.value
Wanneer een object staat op een formulier, moet je de naam van het formulier toevoegen wanneer je wilt verwijzen naar dat object, ook al hoeft dat
object niet op een formulier te staan. Bijvoorbeeld, afbeeldingen hoeven niet op een formulier geplaatst te worden. De volgende code verwijst naar
een afbeelding dat op een formulier staat.
document.imageForm.aircraf.src='f15e.gif'
De volgende code verwijst naar een afbeelding die niet op een formulier staat.
document.aircraft.src='f15e.gif'