David J. MALAN: Kom ons implementeer 'n web bladsy wat sê hallo vir 'n gebruiker, saam die manier waarop die demonstrasie van die DOM, die dokument voorwerp model, of die boom struktuur wat werklik is onder die kap wanneer jy lewer 'n web bladsy. 

Kom ons neem 'n blik. Hier, in dom-0.html, sien dat die binnekant van die bladsye se liggaam, ek het 'n vorm tag, die unieke identifiseerder vir wat is, quote unquote, "demo." Intussen het ek ook 'n onsubmit skryf, andersins bekend as 'n gebeurtenis hanteerder, onsubmit, wat bepaal dat wanneer hierdie vorm ingedien word, 'n funksie wat blykbaar genoem groet uitgevoer moet word. En dan valse moet teruggestuur word. 

Hoekom vals? Wel, ek het nie eintlik wil nie in te dien hierdie vorm om 'n eksterne webbediener in die tradisionele manier. Ek wil hê dat die vorm te omseil Voorlegging en iets te doen met dit kliënt-kant met behulp van JavaScript. Inderdaad, sien hier. Aan die hoof van my web blad, ek het 'n scripttag, binnekant van wat is die begin van daardie funksie genoem groet. 

Wat wil ek eintlik doen? Wel, binnekant van Groet, laat ons net noem die waarskuwing funksie. En dan druk iets soos hallo, met 'n ruimte. En dan koppel op die einde van dat die gevolg van die roeping document.getElementById, spesifiseer spesifiek die unieke identifikasie, quote unquote, "naam." 

En spesifiek, wanneer ons gekry het dat element, die knoop in die boom wat verteenwoordig die webblad, laat spesifiek raak dit waarde deur spesifiseer. waarde. En dan, net vir die pret, laat koppel aan die einde van dat 'n uitroepteken. 

Kom ons nou hierdie lêer red, maak dit in 'n leser, en sien 'n hallo. http://localhost/dom-0.html. 

Daar is daardie vorm. Kom ons gaan voort en tik in my naam. Gevolg deur te kliek Stuur. En daar sien ons hallo, David! Dit is vir my.