1 00:00:00,000 --> 00:00:00,380 2 00:00:00,380 --> 00:00:03,000 >> SPEAKER 1: Nun en tiu lasta ekzemplo, memori, ke ni intermiksitaj iuj 3 00:00:03,000 --> 00:00:07,170 Javascript-kodon ene de mia HTML, specife, ene de la valoro de 4 00:00:07,170 --> 00:00:10,460 la atributo nomita On Submetu por ke formo etikedo. 5 00:00:10,460 --> 00:00:12,850 Nun por malgrandaj paĝoj, tiu ne estas tiom granda interkonsento. 6 00:00:12,850 --> 00:00:15,950 Sed kiel retpaĝo gets pli longaj kaj pli kompleksa, simple metante vian 7 00:00:15,950 --> 00:00:19,660 Javascript kodo tie kaj tie interne de la valoro de atributoj ne estas la 8 00:00:19,660 --> 00:00:20,830 bona dezajno. 9 00:00:20,830 --> 00:00:23,440 Pli bona se ni faktoro kiu eksteren kaj almenaŭ metis gxin interne de 10 00:00:23,440 --> 00:00:25,200 la skripto tag centre. 11 00:00:25,200 --> 00:00:26,080 >> Kiel fari tion? 12 00:00:26,080 --> 00:00:30,040 Bone ni revenos al mia formo etikedon kaj unue forigi ĉi atributo kaj ĝia 13 00:00:30,040 --> 00:00:31,780 taksas entute. 14 00:00:31,780 --> 00:00:35,730 Tiam ĝis tie, anstataŭ difini funkcio nomita Salutu, ni pendigu sur 15 00:00:35,730 --> 00:00:39,405 al la linio de kodo ke finfine ni Mi ankoraŭ volas ekzekuti kaj anstataŭigi 16 00:00:39,405 --> 00:00:41,560 la Salutu funkcio kiel sekvas. 17 00:00:41,560 --> 00:00:48,190 Document.get Elemento Per ID quote unquote demo - 18 00:00:48,190 --> 00:00:52,410 kie demo, recall, estas la sola ensalutilo por la formo mem - 19 00:00:52,410 --> 00:00:56,600 dot sur submit, kion memoras estas la nomo de la eventa traktilo en kiu 20 00:00:56,600 --> 00:00:57,710 ni estas interesita. 21 00:00:57,710 --> 00:01:01,990 Kaj ni atribui kiuj sur submit traktilo la valoro kiu estas reale 22 00:01:01,990 --> 00:01:03,740 funkcii mem. 23 00:01:03,740 --> 00:01:06,390 >> Nun rimarki ke mi ne vere nomante funkcio ĉi tie. 24 00:01:06,390 --> 00:01:10,650 Mi anstataŭ difini anonima, alie sciata kiel lambda funkcion, 25 00:01:10,650 --> 00:01:14,100 specifigante inter tiuj buklaj krampoj faskon da kodo kiu devus 26 00:01:14,100 --> 00:01:15,490 efektive estos ekzekutita. 27 00:01:15,490 --> 00:01:18,500 Specife, la kodo, kiun mi ŝatus ekzekuti estas tiu linio, kiun mi havis 28 00:01:18,500 --> 00:01:23,370 antaŭe, kaj tiam ni aldonus al tio redoni malvera por ke tiu formo ne estas 29 00:01:23,370 --> 00:01:26,950 fine prezentis fini fora retejo servilo en la tradicia maniero. 30 00:01:26,950 --> 00:01:30,345 >> Ni nun savas tiun dosieron, malfermi ĝin en krozilo, kaj vidu kio okazas. 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 Ni nun tajpas en mia nomo, David Submetu. 34 00:01:43,060 --> 00:01:46,900 Kaj nenio ŝajnas esti okazinta krom la URL de mia paĝo ŝajnas 35 00:01:46,900 --> 00:01:52,580 ŝanĝiĝis kvazaŭ la formo estis vere submetiĝis al la sama dosiero. 36 00:01:52,580 --> 00:01:53,870 >> Nun kial povus esti? 37 00:01:53,870 --> 00:01:55,340 Nu mi bezonas iom pli da informoj. 38 00:01:55,340 --> 00:01:58,700 Do ni iru antaŭen kaj malfermu Chrome la Developer Iloj tiel ke mi povos reale 39 00:01:58,700 --> 00:02:01,440 rigardi la konzolo fenestro por vidi se mi faris ion malbonan. 40 00:02:01,440 --> 00:02:03,330 Mi povas aliri ke per kelkaj manieroj. 41 00:02:03,330 --> 00:02:07,250 Unu el kiuj estas per tiu menuo ĉi tie, tiam sub Iloj, poste malsupren al 42 00:02:07,250 --> 00:02:08,509 Developer Iloj. 43 00:02:08,509 --> 00:02:12,890 >> Kaj rimarkos ĉi tie en la Konzolon langeto, tie estas uncaught tipo de eraro, neniom 44 00:02:12,890 --> 00:02:15,390 starigis proprieto sur submit de nula. 45 00:02:15,390 --> 00:02:16,900 Nun kial povus esti? 46 00:02:16,900 --> 00:02:21,380 Nu reen en mia fontkodon tie, avizo ke sur PROPONU mi pensas estas 47 00:02:21,380 --> 00:02:25,360 posedaĵo de la elemento kies unika ensalutilo estas pruvo. 48 00:02:25,360 --> 00:02:27,810 Ero, denove, estas nur vertico en arbo. 49 00:02:27,810 --> 00:02:30,870 >> Do ĝi aperas ke mia retumilo ne opinias, ke tiu elemento 50 00:02:30,870 --> 00:02:32,500 aŭ vertico ekzistas ankoraŭ. 51 00:02:32,500 --> 00:02:33,790 Kaj efektive, ne. 52 00:02:33,790 --> 00:02:37,690 Memoru ke retpaĝo estas analizebla aŭ legu per foliumilo, supro al malsupro, 53 00:02:37,690 --> 00:02:38,430 maldekstre dekstren. 54 00:02:38,430 --> 00:02:41,810 Kaj do kiam JavaScript kodo estas renkontita, tipe, ĝi estos ekzekutita 55 00:02:41,810 --> 00:02:42,700 tuj. 56 00:02:42,700 --> 00:02:46,460 >> Sed en tiu kazo, ni eĉ ne atingis ankoraŭ la parto de la dom, la 57 00:02:46,460 --> 00:02:51,100 HTML, en kiu tiu formo kun unika ensalutilo demo estas deklarita. 58 00:02:51,100 --> 00:02:54,320 Kaj tial ni provas plenumi miajn Javascript kodo antaŭ tiu nodo eĉ 59 00:02:54,320 --> 00:02:58,530 Ekzistas en la arbo, kiu, kompreneble, estas problema ĉar tiam, verŝajne, 60 00:02:58,530 --> 00:03:01,390 La elemento mem estos nula en tiu punkto en la tempo. 61 00:03:01,390 --> 00:03:02,390 >> Do kiel ripari? 62 00:03:02,390 --> 00:03:03,810 Nu ni havas kelkajn solvojn. 63 00:03:03,810 --> 00:03:07,200 Sed ni provu la plej simpla kopiante mia skripto etikedo el la kapo 64 00:03:07,200 --> 00:03:11,560 marki mian korpon, sed specife, rilate la fundo de mia paĝo korpo tiel 65 00:03:11,560 --> 00:03:14,170 ke ĝi estas sub la nodoj kaj demandojn. 66 00:03:14,170 --> 00:03:19,930 Specife, ni reliefigas kaj tranĉi la malferma tag kaj proksima etikedon por skripton 67 00:03:19,930 --> 00:03:24,720 kaj transloki ke tutaj bloko de kodo al la fundo de la dosiero tien. 68 00:03:24,720 --> 00:03:27,690 >> Nun tio ne estas nepre la plej pura desegni, sed almenaŭ ĝi volas 69 00:03:27,690 --> 00:03:29,530 efikigi la dekstra ordo de operacioj. 70 00:03:29,530 --> 00:03:31,495 Ni savu la dosieron kaj freŝigi en mia retumilo. 71 00:03:31,495 --> 00:03:34,620 72 00:03:34,620 --> 00:03:40,240 Ni reŝarĝi la paĝon, re-enigo mia nomo, kaj tie, Saluton David estas dorso. 73 00:03:40,240 --> 00:03:42,784