1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> GARSIAKALBIS 1: Dabar toje paskutiniame pavyzdyje,
priminti, kad mes trumpo kai

3
00:00:03,000 --> 00:00:07,170
JavaScript kodas viduje savo HTML,
Konkrečiau, viduje vertės

4
00:00:07,170 --> 00:00:10,460
atributas paragino Siųsti
tos formos žyma.

5
00:00:10,460 --> 00:00:12,850
Dabar mažų puslapių, tai
nėra tokia baisi.

6
00:00:12,850 --> 00:00:15,950
Tačiau, kaip interneto puslapis tampa ilgesnis ir
sudėtinga, tiesiog išleisti savo

7
00:00:15,950 --> 00:00:19,660
JavaScript kodą čia ir ten viduje
apie tai atributų vertė ne

8
00:00:19,660 --> 00:00:20,830
geriausią dizainą.

9
00:00:20,830 --> 00:00:23,440
Geriausia, jei mes atsižvelgti, kad, ir
bent įdėti jį viduje

10
00:00:23,440 --> 00:00:25,200
scenarijų tegus centralizuotai.

11
00:00:25,200 --> 00:00:26,080
>> Kaip tai padaryti?

12
00:00:26,080 --> 00:00:30,040
Na tegul grįžta į savo formos žymos ir
Pirmasis ištrinti šį požymį ir jo

13
00:00:30,040 --> 00:00:31,780
Vertiname apskritai.

14
00:00:31,780 --> 00:00:35,730
Tada čia, o ne apibrėžti
funkcija vadinama palydėk, galime pakabinti ant

15
00:00:35,730 --> 00:00:39,405
į eilutės kodo, kad galiausiai mes
vis dar norite vykdyti ir pakeisti

16
00:00:39,405 --> 00:00:41,560
Pasveikink funkcija taip.

17
00:00:41,560 --> 00:00:48,190
Document.get Elementas pagal ID
citata citatos demo -

18
00:00:48,190 --> 00:00:52,410
kur demo priminti, yra unikalus
identifikatorius pati forma -

19
00:00:52,410 --> 00:00:56,600
tašku pateikti, kuris prisimena yra pavadinimas
Renginio prižiūrėtojas, kurioje

20
00:00:56,600 --> 00:00:57,710
mes domina.

21
00:00:57,710 --> 00:01:01,990
Ir tegul priskirti, kad pateikti prižiūrėtojas
vertė, kad iš tikrųjų

22
00:01:01,990 --> 00:01:03,740
veikti pati.

23
00:01:03,740 --> 00:01:06,390
>> Dabar pastebime, kad aš ne iš tikrųjų
paskambinus funkciją čia.

24
00:01:06,390 --> 00:01:10,650
Aš vietoj apibrėžti anoniminė,
kitaip žinomas kaip lambda funkcija,

25
00:01:10,650 --> 00:01:14,100
nurodant tarp šių klamrowych
kodo krūva, kad turėtų

26
00:01:14,100 --> 00:01:15,490
faktiškai įvykdytas.

27
00:01:15,490 --> 00:01:18,500
Tiksliau, kodas, kad aš norėčiau
vykdyti yra ta linija, kad turėjau

28
00:01:18,500 --> 00:01:23,370
ir anksčiau, ir tada tegul pridėti, kad
return false, kad ši forma nėra

29
00:01:23,370 --> 00:01:26,950
galiausiai pateikiamas į pabaigą nuotolinio interneto
serverio tradiciniu būdu.

30
00:01:26,950 --> 00:01:30,345
>> Leiskite dabar įrašyti šį failą, atidarykite jį
naršyklėje, ir pamatyti, kas atsitiks.

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
Leiskite dabar įrašykite savo vardą,
Dovydas Pateikti.

34
00:01:43,060 --> 00:01:46,900
Ir nieko, atrodo, atsitiko
išskyrus mano puslapio URL atrodo

35
00:01:46,900 --> 00:01:52,580
pasikeitė kaip nors forma buvo
iš tikrųjų pateiktas į tą patį failą.

36
00:01:52,580 --> 00:01:53,870
>> Dabar kodėl tai galėtų būti?

37
00:01:53,870 --> 00:01:55,340
Na man reikia šiek tiek daugiau informacijos.

38
00:01:55,340 --> 00:01:58,700
Taigi eikime į priekį ir atverti Chrome "
Developer Tools, kad aš iš tikrųjų gali

39
00:01:58,700 --> 00:02:01,440
pažvelgti į konsolės langą, kad matytumėte
jei aš padariau kažką blogo.

40
00:02:01,440 --> 00:02:03,330
Galiu prisijungti, kad per
būdų pora.

41
00:02:03,330 --> 00:02:07,250
Vienas iš jų yra per šį meniu čia
tada pagal Įrankiai, tada žemyn

42
00:02:07,250 --> 00:02:08,509
Kūrėjo įrankiai.

43
00:02:08,509 --> 00:02:12,890
>> Ir pastebėsite čia, konsolės Skirtuke
ten uncaught tipo klaida, negaliu

44
00:02:12,890 --> 00:02:15,390
nustatyti nekilnojamuoju turtu pateikti iš nulio.

45
00:02:15,390 --> 00:02:16,900
Dabar kodėl tai galėtų būti?

46
00:02:16,900 --> 00:02:21,380
Na dar mano kodo čia pranešimas
kad submit, manau, yra

47
00:02:21,380 --> 00:02:25,360
objekto elemento, kurio
unikalus identifikatorius yra demo.

48
00:02:25,360 --> 00:02:27,810
Elementas, vėlgi, yra tik
medyje mazgas.

49
00:02:27,810 --> 00:02:30,870
>> Taigi, atrodo, kad mano naršyklė nėra
mano, kad šis elementas

50
00:02:30,870 --> 00:02:32,500
arba mazgas egzistuoja dar.

51
00:02:32,500 --> 00:02:33,790
Ir iš tiesų, taip nėra.

52
00:02:33,790 --> 00:02:37,690
Prisiminkite, kad interneto puslapis yra apdoroti arba skaityti
interneto naršyklės, iš viršaus į apačią,

53
00:02:37,690 --> 00:02:38,430
kairės į dešinę.

54
00:02:38,430 --> 00:02:41,810
Ir todėl, kai "JavaScript" kodas
susidūrėme, paprastai, tai vykdoma

55
00:02:41,810 --> 00:02:42,700
iš karto.

56
00:02:42,700 --> 00:02:46,460
>> Tačiau šiuo atveju, mes net Dotarłeś
dar prie dom dalis,

57
00:02:46,460 --> 00:02:51,100
HTML, kurioje ta forma su unikalus
identifikatorius demo buvo paskelbtas.

58
00:02:51,100 --> 00:02:54,320
Ir todėl mes stengiamės įvykdyti savo
JavaScript kodą iki šios viršūnės net

59
00:02:54,320 --> 00:02:58,530
egzistuoja medžio, kuris, žinoma, yra
problemiškas, nes tada, be abejo,

60
00:02:58,530 --> 00:03:01,390
Pats elementas bus niekinis
tuo momentu.

61
00:03:01,390 --> 00:03:02,390
>> Taigi, kaip išspręsti?

62
00:03:02,390 --> 00:03:03,810
Na, mes turime keletą sprendimų.

63
00:03:03,810 --> 00:03:07,200
Bet pabandykime paprasčiausias perkeliant
mano scenarijus tegus nuo galvos

64
00:03:07,200 --> 00:03:11,560
pažymėti, kad mano kūno, bet konkrečiai link
iš mano puslapio kūno apačia taip

65
00:03:11,560 --> 00:03:14,170
kad tai žemiau mazgų
ir klausimai.

66
00:03:14,170 --> 00:03:19,930
Tiksliau, galime pabrėžti ir sumažinti
atidaryti ir uždaryti tegus tegus scenarijų

67
00:03:19,930 --> 00:03:24,720
ir perkelti tą visą bloką kodą
į failą čia apačioje.

68
00:03:24,720 --> 00:03:27,690
>> Dabar tai nebūtinai švariausias
projektuoti, bet bent jau bus

69
00:03:27,690 --> 00:03:29,530
užtikrinti tinkamą tvarką operacijas.

70
00:03:29,530 --> 00:03:31,495
Leiskite išsaugokite failą ir
Perkrauti savo naršyklėje.

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
Leiskite perkraukite puslapį, iš naujo įvesti mano vardas,
ir ten, Sveiki Davidas atgal.

73
00:03:40,240 --> 00:03:42,784