DAVID J. MALAN: Lad os implementere en web side, der siger goddag til en bruger, sammen den måde demonstrerer DOM, den dokument objekt model, eller træet struktur, der virkelig er under hætte, når du gør en webside. 

Lad os tage et kig. Her, i dom-0.html, bemærke, at inde af siderne 'krop, jeg har en formular tag, den entydige identifikator for der er, citat citat slut, "demo". I mellemtiden har jeg også en onSubmit attribut, også kendt som en begivenhed handleren, onSubmit, som præciserer, at når denne formular er forelagt, en funktion, der er tilsyneladende kaldet hilse skal udføres. Og så falsk skal returneres. 

Hvorfor falsk? Tja, jeg faktisk ikke ønsker at indsende denne formular til en ekstern webserver i den traditionelle måde. Jeg ønsker at omgå denne form underkastelse og gøre noget med det client-side ved hjælp af JavaScript. Faktisk bemærke her. I spidsen af ​​min webside, jeg har en script-tag, inden i hvilken er begyndelsen af ​​denne funktion kaldet greet. 

Hvad skal jeg rent faktisk ønsker at gøre? Nå, indersiden af ​​greet, lad os bare kalde alarm funktion. Og så udskrive noget ligesom goddag, med et mellemrum. Og derefter sammenkæde på enden af, at resultatet af at kalde document.getElementById angivelse specielt den unikke identifikationskode, citat citat slut, "navn". 

Og specielt når vi har fået dette element node i træet der repræsenterer denne webside, lad os specifikt får den værdi af præciserer. værdi. Og så, bare for sjov, lad os sammenkæde til slutningen af, at en udråbstegn. 

Lad os nu gemme denne fil, åbne den i en browser, og se et hej. http://localhost/dom-0.html. 

Der er denne form. Lad os gå videre og skrive i mit navn. Efterfulgt ved at klikke på Send. Og der ser vi goddag, David! Det er mig.