>> SPEAKER 1: Nüüd, et viimane näide, meelde tuletada, et me segamini mõned
JavaScripti koodi sees minu HTML, Konkreetsemalt sees väärtus
atribuut kutsus Avalda sel kujul tag.
Nüüd väike lehekülgi, see ei ole nii suur asi.
Aga kui veebilehe saab kauem ja rohkem keeruline, lihtsalt panna oma
JavaScripti koodi siin ja seal sees of väärtus atribuudid ei
parim disain.
Parim, kui me mingi nipiga välja ja vähemalt pane see sees
script tag tsentraalselt.
>> Kuidas seda teha?
Noh olgem tagasi oma vormi tag ja kõigepealt kustutada selle omaduse ja selle
Väärtustame kokku.
Siis siin pigem määratleda funktsiooni nimetatakse Greet, lähme riputada
et koodirida, et lõpuks me ikka tahad täita ja asendada
Teretage töötab järgmiselt.
Document.get elemendi ID Tsiteerin lõppeb demo -
kus demo, mäletate, on ainulaadne tunnus vormis endas -
dot esitama mis meenutavad on nimi ning sündmus, mille
me oleme huvitatud.
Ja olgem anda, et esitab käitleja väärtus, mis on tegelikult
toimida iseenesest.
>> Nüüd teate, et ma ei ole tegelikult helistades funktsioon siin.
Olen selle asemel määratletakse anonüümne, muidu tuntud lambda funktsiooni
määrates nende vahel looksulg hunnik koodi, mis peaks
tegelikult toimub.
Täpsemalt kood, et ma tahaks täita on see, et rida, mis mul oli
enne, ja siis lisame selle tagasi false nii, et see vorm ei ole
lõpuks esitas lõppu serveri web server traditsioonilisel viisil.
>> Olgem nüüd salvestada see fail, ava see brauser ja vaata, mis juhtub.
http://localhost/dom-1.html.
Olgem nüüd kirjuta oma nimi, David, Saada.
Ja miski näib olevat juhtunud välja arvatud URL minu lehe tundub
muutunud, sest kuigi vorm oli tegelikult esitada samas failis.
>> Nüüd, miks see võiks olla?
Noh ma vajan rohkem informatsiooni.
Lähme edasi ja avada Chrome'i Developer Tools, nii et ma ei saa tegelikult
vaata konsooli aknast näha kas ma olen midagi valesti teinud.
Ma ei pääse, et läbi paar võimalust.
Üks, mis on läbi selle menüü siia seejärel Tööriistad, siis alla
Developer Tools.
>> Ja teate siin Console tab, seal uncaught tüüp viga, ei saa
omaduse kohta esitada null.
Nüüd, miks see võiks olla?
Well tagasi minu lähtekoodi siin, teate et submit minu arvates on
vara element, mille kordumatu tunnus on demo.
Element, jälle on lihtsalt sõlme puu.
>> Nii tundub, et minu brauser ei toeta arvan, et see element
või sõlme veel olemas.
Ja tõepoolest, see ei ole.
Tuletame meelde, et veebileht on sõeluda või lugeda veebibrauser, ülevalt alla,
vasakult paremale.
Ja nii, kui JavaScript kood on tekkinud, Tavaliselt on see täide
kohe.
>> Aga sel juhul, me pole isegi saanud veel osa dom,
HTML, kus sellisel kujul ainulaadne tunnus demo on kuulutatud.
Ja nii me püüame täita oma JavaScripti koodi enne sõlme isegi
olemas puu, mis on loomulikult problemaatiline, sest siis kindlasti,
element ise on null sel ajahetkel.
>> Niisiis, kuidas määrata?
Noh meil on paar lahendusi.
Aga proovime lihtsaim asustades minu script tag juhilt
tag mu keha, kuid konkreetselt suunas alt mu lehe keha nii
et see on madalam sõlmede ja küsimusi.
Täpsemalt olgem esile ja lõigata avatud tag ja sulgemissildi script
ja ümber, et kogu ploki kood Lisa põhja pilt siin.
>> Nüüd ei ole see tingimata puhtaima kujundada, kuid vähemalt see tahe
õiguse tagamiseks, et toiminguid.
Olgem faili salvestada ja laadida oma brauserit.
Olgem asendusostu lehekülge uuesti sisestada oma nimi, ja seal, Hello David on tagasi.