1 00:00:00,000 --> 00:00:00,380 2 00:00:00,380 --> 00:00:03,000 >> SPEAKER 1: Tagad šajā pēdējā, piemēram, atgādināt, ka mēs mijas dažas 3 00:00:03,000 --> 00:00:07,170 JavaScript kods iekšpusē manas HTML, Konkrētāk, iekšpusē vērtības 4 00:00:07,170 --> 00:00:10,460 atribūts sauc apstiprināšanas par šo formu tag. 5 00:00:10,460 --> 00:00:12,850 Tagad mazo lapām, šis nav tik liels darījumu. 6 00:00:12,850 --> 00:00:15,950 Bet kā mājas lapa kļūst garāks un vairāk sarežģīta, vienkārši liekot savu 7 00:00:15,950 --> 00:00:19,660 JavaScript kodu šeit un tur iekšā no vērtības atribūtu nav 8 00:00:19,660 --> 00:00:20,830 labākais dizains. 9 00:00:20,830 --> 00:00:23,440 Vislabāk, ja mēs faktors, ka, un vismaz ielieciet to iekšpusē 10 00:00:23,440 --> 00:00:25,200 skriptu tag centralizēti. 11 00:00:25,200 --> 00:00:26,080 >> Kā to izdarīt? 12 00:00:26,080 --> 00:00:30,040 Nu pieņemsim atgriezties uz manu formu tagu un Pirmais dzēst šo atribūtu un tā 13 00:00:30,040 --> 00:00:31,780 augstu vispār. 14 00:00:31,780 --> 00:00:35,730 Tad šeit, nevis definēt funkciju sauc Greet, pieņemsim karājas 15 00:00:35,730 --> 00:00:39,405 uz līnijas kodu, kas galu galā mums joprojām vēlas izpildīt un aizstāt 16 00:00:39,405 --> 00:00:41,560 Greet funkciju šādi. 17 00:00:41,560 --> 00:00:48,190 Document.get Element Ar ID quote likt pēdiņas beigās demo - 18 00:00:48,190 --> 00:00:52,410 ja demo, atsaukšana, ir unikāls identifikators veidlapā - 19 00:00:52,410 --> 00:00:56,600 dot apstiprināšanas, kas atgādināt ir vārds gada notikumu apdarinātājs, kurā 20 00:00:56,600 --> 00:00:57,710 mēs esam ieinteresēti. 21 00:00:57,710 --> 00:01:01,990 Un pieņemsim uzticēt ka apstiprināšanas kopējs vērtība, kas ir faktiski 22 00:01:01,990 --> 00:01:03,740 darboties pati. 23 00:01:03,740 --> 00:01:06,390 >> Tagad paziņojums, ka es neesmu faktiski zvana funkciju šeit. 24 00:01:06,390 --> 00:01:10,650 Es esmu nevis nosakot anonīms, citādi zināma kā lambda funkciju, 25 00:01:10,650 --> 00:01:14,100 precizējot starp šiem cirtaini lencēm ķekars kodu, kas būtu 26 00:01:14,100 --> 00:01:15,490 faktiski izpildīts. 27 00:01:15,490 --> 00:01:18,500 Konkrētāk, kods, kas es gribētu izpildīt, ir, ka līnija, kas man bija 28 00:01:18,500 --> 00:01:23,370 iepriekš, un tad pieņemsim pievienot, ka atgriezties viltus lai šī forma nav 29 00:01:23,370 --> 00:01:26,950 galu galā iesniegta, lai pārtrauktu attālo internetā serveris tradicionālā veidā. 30 00:01:26,950 --> 00:01:30,345 >> Pieņemsim tagad saglabājiet šo failu, atveriet to uz augšu pārlūkprogrammā, un redzēt, kas notiek. 31 00:01:30,345 --> 00:01:33,050 32 00:01:33,050 --> 00:01:39,800 http://localhost/dom-1.html. 33 00:01:39,800 --> 00:01:43,060 Pieņemsim tagad ierakstīt savu vārdu, David, Iesniegt. 34 00:01:43,060 --> 00:01:46,900 Un nekas, šķiet, ir noticis izņemot URL manā lapā, šķiet, 35 00:01:46,900 --> 00:01:52,580 ir mainījušies, it kā forma bija faktiski iesniegti vienā failā. 36 00:01:52,580 --> 00:01:53,870 >> Tagad, kāpēc varētu būt? 37 00:01:53,870 --> 00:01:55,340 Nu man ir nepieciešams vairāk informācijas. 38 00:01:55,340 --> 00:01:58,700 Tāpēc iesim uz priekšu un atvērt Chrome Izstrādātāju rīki tāpēc, ka es faktiski var 39 00:01:58,700 --> 00:02:01,440 apskatīt konsoles logu, lai redzētu ja es esmu darījis kaut ko nepareizi. 40 00:02:01,440 --> 00:02:03,330 Es varu piekļūt, ka, izmantojot pāris veidos. 41 00:02:03,330 --> 00:02:07,250 Viens no tiem ir, izmantojot šo izvēlni šeit tad zem Tools, tad uz leju, lai 42 00:02:07,250 --> 00:02:08,509 Izstrādātāju rīki. 43 00:02:08,509 --> 00:02:12,890 >> Un paziņojums šeit tab konsoles, tur uncaught tipa kļūdas, nevar 44 00:02:12,890 --> 00:02:15,390 noteikt īpašumu iesniegt Null. 45 00:02:15,390 --> 00:02:16,900 Tagad, kāpēc varētu būt? 46 00:02:16,900 --> 00:02:21,380 Nu atpakaļ manā pirmkodu šeit, paziņojums ka apstiprināšanas, manuprāt, ir 47 00:02:21,380 --> 00:02:25,360 īpašumā elementa, kura unikālais identifikators ir demo. 48 00:02:25,360 --> 00:02:27,810 Elements, atkal, ir tikai mezglu ar koku. 49 00:02:27,810 --> 00:02:30,870 >> Tāpēc šķiet, ka mana pārlūkprogramma nav domāju, ka šis elements 50 00:02:30,870 --> 00:02:32,500 vai mezglu pastāv vēl. 51 00:02:32,500 --> 00:02:33,790 Un, protams, tā nav. 52 00:02:33,790 --> 00:02:37,690 Atgādināt, ka mājas lapa ir parsēt vai lasīt ar interneta pārlūku, no augšas uz leju, 53 00:02:37,690 --> 00:02:38,430 kreisās uz labo pusi. 54 00:02:38,430 --> 00:02:41,810 Un tad, kad JavaScript kods radušās, parasti, tas ir izpildīts 55 00:02:41,810 --> 00:02:42,700 uzreiz. 56 00:02:42,700 --> 00:02:46,460 >> Bet šajā gadījumā, mēs neesam pat gotten tomēr ar daļu no dom, 57 00:02:46,460 --> 00:02:51,100 HTML, kurā šī forma ar unikālu identifikators demo ir pasludināts. 58 00:02:51,100 --> 00:02:54,320 Un tāpēc mēs cenšamies izpildīt manu JavaScript kods, pirms šī mezglā pat 59 00:02:54,320 --> 00:02:58,530 pastāv koks, kas, protams, ir problemātiska, jo tad, protams, 60 00:02:58,530 --> 00:03:01,390 elements pats būs spēkā tajā brīdī. 61 00:03:01,390 --> 00:03:02,390 >> Tātad, kā to salabot? 62 00:03:02,390 --> 00:03:03,810 Nu mums ir pāris risinājumus. 63 00:03:03,810 --> 00:03:07,200 Bet pamēģināsim vienkāršākais, pārvietojot manu skriptu tag no galvas 64 00:03:07,200 --> 00:03:11,560 tag uz manu ķermeni, bet arī konkrēti, pret apakšējā manas lapas ķermeni, lai 65 00:03:11,560 --> 00:03:14,170 ka tas ir zem mezgliem un jautājumi. 66 00:03:14,170 --> 00:03:19,930 Proti, pieņemsim izcelt un samazināt atvērt tagu un aizvērt tagu skriptu 67 00:03:19,930 --> 00:03:24,720 un pārvietot, ka visu bloku kods līdz apakšā failu šeit. 68 00:03:24,720 --> 00:03:27,690 >> Tagad tas ne vienmēr ir tīrākais dizains, bet vismaz tas būs 69 00:03:27,690 --> 00:03:29,530 izpildīt pareizo secību operāciju. 70 00:03:29,530 --> 00:03:31,495 Pieņemsim saglabājiet failu un pārlādēt savā pārlūkprogrammā. 71 00:03:31,495 --> 00:03:34,620 72 00:03:34,620 --> 00:03:40,240 Pieņemsim pārlādēt lapu, atkārtoti ievadi savu vārdu, un tur, Hello David ir atpakaļ. 73 00:03:40,240 --> 00:03:42,784