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

2
00:00:00,380 --> 00:00:03,000
>> SPEAKER 1: Nüüd, et viimane näide,
meelde tuletada, et me segamini mõned

3
00:00:03,000 --> 00:00:07,170
JavaScripti koodi sees minu HTML,
Konkreetsemalt sees väärtus

4
00:00:07,170 --> 00:00:10,460
atribuut kutsus Avalda
sel kujul tag.

5
00:00:10,460 --> 00:00:12,850
Nüüd väike lehekülgi, see
ei ole nii suur asi.

6
00:00:12,850 --> 00:00:15,950
Aga kui veebilehe saab kauem ja rohkem
keeruline, lihtsalt panna oma

7
00:00:15,950 --> 00:00:19,660
JavaScripti koodi siin ja seal sees
of väärtus atribuudid ei

8
00:00:19,660 --> 00:00:20,830
parim disain.

9
00:00:20,830 --> 00:00:23,440
Parim, kui me mingi nipiga välja ja
vähemalt pane see sees

10
00:00:23,440 --> 00:00:25,200
script tag tsentraalselt.

11
00:00:25,200 --> 00:00:26,080
>> Kuidas seda teha?

12
00:00:26,080 --> 00:00:30,040
Noh olgem tagasi oma vormi tag ja
kõigepealt kustutada selle omaduse ja selle

13
00:00:30,040 --> 00:00:31,780
Väärtustame kokku.

14
00:00:31,780 --> 00:00:35,730
Siis siin pigem määratleda
funktsiooni nimetatakse Greet, lähme riputada

15
00:00:35,730 --> 00:00:39,405
et koodirida, et lõpuks me
ikka tahad täita ja asendada

16
00:00:39,405 --> 00:00:41,560
Teretage töötab järgmiselt.

17
00:00:41,560 --> 00:00:48,190
Document.get elemendi ID
Tsiteerin lõppeb demo -

18
00:00:48,190 --> 00:00:52,410
kus demo, mäletate, on ainulaadne
tunnus vormis endas -

19
00:00:52,410 --> 00:00:56,600
dot esitama mis meenutavad on nimi
ning sündmus, mille

20
00:00:56,600 --> 00:00:57,710
me oleme huvitatud.

21
00:00:57,710 --> 00:01:01,990
Ja olgem anda, et esitab käitleja
väärtus, mis on tegelikult

22
00:01:01,990 --> 00:01:03,740
toimida iseenesest.

23
00:01:03,740 --> 00:01:06,390
>> Nüüd teate, et ma ei ole tegelikult
helistades funktsioon siin.

24
00:01:06,390 --> 00:01:10,650
Olen selle asemel määratletakse anonüümne,
muidu tuntud lambda funktsiooni

25
00:01:10,650 --> 00:01:14,100
määrates nende vahel looksulg
hunnik koodi, mis peaks

26
00:01:14,100 --> 00:01:15,490
tegelikult toimub.

27
00:01:15,490 --> 00:01:18,500
Täpsemalt kood, et ma tahaks
täita on see, et rida, mis mul oli

28
00:01:18,500 --> 00:01:23,370
enne, ja siis lisame selle
tagasi false nii, et see vorm ei ole

29
00:01:23,370 --> 00:01:26,950
lõpuks esitas lõppu serveri web
server traditsioonilisel viisil.

30
00:01:26,950 --> 00:01:30,345
>> Olgem nüüd salvestada see fail, ava see
brauser ja vaata, mis juhtub.

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
Olgem nüüd kirjuta oma nimi,
David, Saada.

34
00:01:43,060 --> 00:01:46,900
Ja miski näib olevat juhtunud
välja arvatud URL minu lehe tundub

35
00:01:46,900 --> 00:01:52,580
muutunud, sest kuigi vorm oli
tegelikult esitada samas failis.

36
00:01:52,580 --> 00:01:53,870
>> Nüüd, miks see võiks olla?

37
00:01:53,870 --> 00:01:55,340
Noh ma vajan rohkem informatsiooni.

38
00:01:55,340 --> 00:01:58,700
Lähme edasi ja avada Chrome'i
Developer Tools, nii et ma ei saa tegelikult

39
00:01:58,700 --> 00:02:01,440
vaata konsooli aknast näha
kas ma olen midagi valesti teinud.

40
00:02:01,440 --> 00:02:03,330
Ma ei pääse, et läbi
paar võimalust.

41
00:02:03,330 --> 00:02:07,250
Üks, mis on läbi selle menüü siia
seejärel Tööriistad, siis alla

42
00:02:07,250 --> 00:02:08,509
Developer Tools.

43
00:02:08,509 --> 00:02:12,890
>> Ja teate siin Console tab,
seal uncaught tüüp viga, ei saa

44
00:02:12,890 --> 00:02:15,390
omaduse kohta esitada null.

45
00:02:15,390 --> 00:02:16,900
Nüüd, miks see võiks olla?

46
00:02:16,900 --> 00:02:21,380
Well tagasi minu lähtekoodi siin, teate
et submit minu arvates on

47
00:02:21,380 --> 00:02:25,360
vara element, mille
kordumatu tunnus on demo.

48
00:02:25,360 --> 00:02:27,810
Element, jälle on lihtsalt
sõlme puu.

49
00:02:27,810 --> 00:02:30,870
>> Nii tundub, et minu brauser ei toeta
arvan, et see element

50
00:02:30,870 --> 00:02:32,500
või sõlme veel olemas.

51
00:02:32,500 --> 00:02:33,790
Ja tõepoolest, see ei ole.

52
00:02:33,790 --> 00:02:37,690
Tuletame meelde, et veebileht on sõeluda või lugeda
veebibrauser, ülevalt alla,

53
00:02:37,690 --> 00:02:38,430
vasakult paremale.

54
00:02:38,430 --> 00:02:41,810
Ja nii, kui JavaScript kood on
tekkinud, Tavaliselt on see täide

55
00:02:41,810 --> 00:02:42,700
kohe.

56
00:02:42,700 --> 00:02:46,460
>> Aga sel juhul, me pole isegi saanud
veel osa dom,

57
00:02:46,460 --> 00:02:51,100
HTML, kus sellisel kujul ainulaadne
tunnus demo on kuulutatud.

58
00:02:51,100 --> 00:02:54,320
Ja nii me püüame täita oma
JavaScripti koodi enne sõlme isegi

59
00:02:54,320 --> 00:02:58,530
olemas puu, mis on loomulikult
problemaatiline, sest siis kindlasti,

60
00:02:58,530 --> 00:03:01,390
element ise on null
sel ajahetkel.

61
00:03:01,390 --> 00:03:02,390
>> Niisiis, kuidas määrata?

62
00:03:02,390 --> 00:03:03,810
Noh meil on paar lahendusi.

63
00:03:03,810 --> 00:03:07,200
Aga proovime lihtsaim asustades
minu script tag juhilt

64
00:03:07,200 --> 00:03:11,560
tag mu keha, kuid konkreetselt suunas
alt mu lehe keha nii

65
00:03:11,560 --> 00:03:14,170
et see on madalam sõlmede
ja küsimusi.

66
00:03:14,170 --> 00:03:19,930
Täpsemalt olgem esile ja lõigata
avatud tag ja sulgemissildi script

67
00:03:19,930 --> 00:03:24,720
ja ümber, et kogu ploki kood
Lisa põhja pilt siin.

68
00:03:24,720 --> 00:03:27,690
>> Nüüd ei ole see tingimata puhtaima
kujundada, kuid vähemalt see tahe

69
00:03:27,690 --> 00:03:29,530
õiguse tagamiseks, et toiminguid.

70
00:03:29,530 --> 00:03:31,495
Olgem faili salvestada ja
laadida oma brauserit.

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

72
00:03:34,620 --> 00:03:40,240
Olgem asendusostu lehekülge uuesti sisestada oma nimi,
ja seal, Hello David on tagasi.

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