>> SPEAKER 1: Tagad šajā pēdējā, piemēram, atgādināt, ka mēs mijas dažas
JavaScript kods iekšpusē manas HTML, Konkrētāk, iekšpusē vērtības
atribūts sauc apstiprināšanas par šo formu tag.
Tagad mazo lapām, šis nav tik liels darījumu.
Bet kā mājas lapa kļūst garāks un vairāk sarežģīta, vienkārši liekot savu
JavaScript kodu šeit un tur iekšā no vērtības atribūtu nav
labākais dizains.
Vislabāk, ja mēs faktors, ka, un vismaz ielieciet to iekšpusē
skriptu tag centralizēti.
>> Kā to izdarīt?
Nu pieņemsim atgriezties uz manu formu tagu un Pirmais dzēst šo atribūtu un tā
augstu vispār.
Tad šeit, nevis definēt funkciju sauc Greet, pieņemsim karājas
uz līnijas kodu, kas galu galā mums joprojām vēlas izpildīt un aizstāt
Greet funkciju šādi.
Document.get Element Ar ID quote likt pēdiņas beigās demo -
ja demo, atsaukšana, ir unikāls identifikators veidlapā -
dot apstiprināšanas, kas atgādināt ir vārds gada notikumu apdarinātājs, kurā
mēs esam ieinteresēti.
Un pieņemsim uzticēt ka apstiprināšanas kopējs vērtība, kas ir faktiski
darboties pati.
>> Tagad paziņojums, ka es neesmu faktiski zvana funkciju šeit.
Es esmu nevis nosakot anonīms, citādi zināma kā lambda funkciju,
precizējot starp šiem cirtaini lencēm ķekars kodu, kas būtu
faktiski izpildīts.
Konkrētāk, kods, kas es gribētu izpildīt, ir, ka līnija, kas man bija
iepriekš, un tad pieņemsim pievienot, ka atgriezties viltus lai šī forma nav
galu galā iesniegta, lai pārtrauktu attālo internetā serveris tradicionālā veidā.
>> Pieņemsim tagad saglabājiet šo failu, atveriet to uz augšu pārlūkprogrammā, un redzēt, kas notiek.
http://localhost/dom-1.html.
Pieņemsim tagad ierakstīt savu vārdu, David, Iesniegt.
Un nekas, šķiet, ir noticis izņemot URL manā lapā, šķiet,
ir mainījušies, it kā forma bija faktiski iesniegti vienā failā.
>> Tagad, kāpēc varētu būt?
Nu man ir nepieciešams vairāk informācijas.
Tāpēc iesim uz priekšu un atvērt Chrome Izstrādātāju rīki tāpēc, ka es faktiski var
apskatīt konsoles logu, lai redzētu ja es esmu darījis kaut ko nepareizi.
Es varu piekļūt, ka, izmantojot pāris veidos.
Viens no tiem ir, izmantojot šo izvēlni šeit tad zem Tools, tad uz leju, lai
Izstrādātāju rīki.
>> Un paziņojums šeit tab konsoles, tur uncaught tipa kļūdas, nevar
noteikt īpašumu iesniegt Null.
Tagad, kāpēc varētu būt?
Nu atpakaļ manā pirmkodu šeit, paziņojums ka apstiprināšanas, manuprāt, ir
īpašumā elementa, kura unikālais identifikators ir demo.
Elements, atkal, ir tikai mezglu ar koku.
>> Tāpēc šķiet, ka mana pārlūkprogramma nav domāju, ka šis elements
vai mezglu pastāv vēl.
Un, protams, tā nav.
Atgādināt, ka mājas lapa ir parsēt vai lasīt ar interneta pārlūku, no augšas uz leju,
kreisās uz labo pusi.
Un tad, kad JavaScript kods radušās, parasti, tas ir izpildīts
uzreiz.
>> Bet šajā gadījumā, mēs neesam pat gotten tomēr ar daļu no dom,
HTML, kurā šī forma ar unikālu identifikators demo ir pasludināts.
Un tāpēc mēs cenšamies izpildīt manu JavaScript kods, pirms šī mezglā pat
pastāv koks, kas, protams, ir problemātiska, jo tad, protams,
elements pats būs spēkā tajā brīdī.
>> Tātad, kā to salabot?
Nu mums ir pāris risinājumus.
Bet pamēģināsim vienkāršākais, pārvietojot manu skriptu tag no galvas
tag uz manu ķermeni, bet arī konkrēti, pret apakšējā manas lapas ķermeni, lai
ka tas ir zem mezgliem un jautājumi.
Proti, pieņemsim izcelt un samazināt atvērt tagu un aizvērt tagu skriptu
un pārvietot, ka visu bloku kods līdz apakšā failu šeit.
>> Tagad tas ne vienmēr ir tīrākais dizains, bet vismaz tas būs
izpildīt pareizo secību operāciju.
Pieņemsim saglabājiet failu un pārlādēt savā pārlūkprogrammā.
Pieņemsim pārlādēt lapu, atkārtoti ievadi savu vārdu, un tur, Hello David ir atpakaļ.