DAVID J. MALAN: La oss gjennomføre en web side som sier hei til en bruker, sammen den måten demonstrere DOM, den Dokumentet objektmodell, eller treet struktur som virkelig er under panseret når du bearbeider en nettside. 

La oss ta en titt. Her, i dom-0.html, legge merke til at innsiden av sidene 'kropp, har jeg en skjema tag, den unike identifikator for som er, sitat unquote, "demo". I mellomtiden, jeg har også en onsubmit attributt, også kjent som en hendelse handler, onsubmit, som fastslår at når dette skjemaet er sendt, en funksjon som er tilsynelatende kalt hilse bør bli henrettet. Og så falsk bør returneres. 

Hvorfor falsk? Vel, jeg har ikke egentlig ønsker å sende dette skjemaet til en ekstern webserver i den tradisjonelle måten. Jeg ønsker å omgå den form Innlevering og gjøre noe med det klientsiden ved hjelp av Javascript. Faktisk merker her. I spissen for min nettside, har jeg en skriptmerket, innsiden av som er den begynnelse av den funksjonen kalt hilse. 

Hva gjør jeg faktisk ønsker å gjøre? Vel, på innsiden av hilse, la oss rett og slett ringe varslingsfunksjonen. Og deretter skrive ut noe som hallo, med et mellomrom. Og så sette sammen på slutten av at produktet av ringer document.getElementById, spesifisere spesielt den unike identifikator, quote unquote, "navn." 

Og spesielt når vi har fått som element, node i treet som representerer denne web-siden, la oss spesielt får sin verdi ved spesifiserer. verdi. Og så, bare for moro skyld, la oss sette sammen den til enden av at en utropstegn. 

La oss nå lagre denne filen, åpne den i en nettleser, og se et hei. http://localhost/dom-0.html. 

Det er dette skjemaet. La oss gå videre og skriver i mitt navn. Etterfulgt av å klikke på Send. Og det ser vi hallo, David! Det er meg.