DAVID J. Malan: Laten uitvoeren van een web pagina die hallo zegt aan een gebruiker, samen de manier tonen de DOM, de document object model, of de boom structuur die echt onder de kap als u renderen van een webpagina. 

Laten we eens een kijkje nemen. Hier, in dom-0.html, merken dat binnen van het lichaam van de pagina's ', ik heb een form tag, de unieke identificatie voor dat is, citaat unquote, "demo." Ondertussen heb ik ook een onsubmit attribuut, ook wel bekend als evenement handler, onsubmit, waarin wordt bepaald dat wanneer dit formulier wordt ingediend, een functie die blijkbaar heet greet moet worden uitgevoerd. En dan vals moet worden geretourneerd. 

Waarom vals? Nou, ik eigenlijk niet willen indienen dit formulier naar een externe webserver in de traditionele manier. Ik wil die vorm te omzeilen Indiening en er iets mee doen client-side met behulp van JavaScript. Inderdaad, merken hier. Aan het hoofd van mijn webpagina, ik heb een script-tag, de binnenkant van dat is de begin van die functie genoemd greet. 

Wat wil ik eigenlijk doen? Nou, de binnenkant van Greet, laten we gewoon bellen met de alert functie. En dan uitprinten iets zoals hallo, met een spatie. En dan samenvoegen op het uiteinde van het resultaat van het aanroepen document.getElementById, met vermelding van in het bijzonder de unieke identifier, citaat unquote, "naam." 

En in het bijzonder, als we eenmaal hebt gekregen dat element, het knooppunt in de boom dat vertegenwoordigt deze webpagina, laten we specifiek te zijn waarde door specificeert. waarde. En dan, gewoon voor de lol, laten we samenvoegen tot het einde van dat een uitroepteken. 

Laten we nu sla dit bestand, open het in een browser, en je ziet een hallo. http://localhost/dom-0.html. 

Er is die vorm. Laten we verder gaan en typ in mijn naam. Gevolgd door Submit te klikken. En daar zien we hello, David! Dat ben ik.