>> DAVID J. MALAN: Låt oss genomföra en webbsida sida som säger hej till en användare, tillsammans
det sätt som visar DOM, den Document Object Model, eller trädet
struktur som verkligen är under huva när du gör en webbsida.
>> Låt oss ta en titt.
Här, i dom-0.html, märker att insidan av sidorna "kropp, har jag en
formulär tag, den unika identifierare för som är, citat unquote, "demo".
Under tiden har jag också en onsubmit attribut, annars känd som en händelse
handler, onSubmit, som anger att När detta formulär lämnas in, en
funktion som tydligen kallas hälsar bör verkställas.
Och sedan falskt ska returneras.
>> Varför falskt?
Tja, jag inte egentligen vill lämna denna form till en avlägsen webbserver i
det traditionella sättet.
Jag vill kringgå den formen underkastelse och göra något med den
klientsidan med hjälp av JavaScript.
Faktum är att märka här.
I spetsen för min hemsida, jag har en script-taggen, insida som är den
början av den funktionen kallas greet.
>> Vad vill jag egentligen vill göra?
Tja, insida hälsar, låt oss helt enkelt ringa varningsfunktion.
Och sedan skriva ut något liksom hej, med ett mellanslag.
Och sedan sammanfogar till slutet för att resultatet av att ringa
document.getElementById, ange specifikt den unika identifierare,
citat unquote, "namn."
>> Och speciellt när vi har fått som element, den nod i trädet
som representerar denna webbsida, låt oss specifikt får sitt värde genom
specificerar. värde.
Och sedan, bara för skojs skull, låt oss sammanfogar den till slutet av att en
utropstecken.
>> Låt oss nu spara filen, öppna den i en webbläsare, och se ett hej.
http://localhost/dom-0.html.
>> Det är den formen.
Låt oss gå vidare och skriva in mitt namn.
Följt genom att klicka på Skicka.
Och det ser vi hej, David!
Det är jag.