>> 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.