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

2
00:00:00,380 --> 00:00:03,000
>> SPEAKER 1: Nyt että viimeinen esimerkki,
Muistutan, että me lomassa joitakin

3
00:00:03,000 --> 00:00:07,170
JavaScript-koodi sisällä minun HTML,
Erityisesti sisällä arvo

4
00:00:07,170 --> 00:00:10,460
määreen Submit
että lomake tag.

5
00:00:10,460 --> 00:00:12,850
Nyt pienten sivua, tämä
ei ole niin iso juttu.

6
00:00:12,850 --> 00:00:15,950
Mutta kuten web-sivun saa pidempiä ja
monimutkainen, yksinkertaisesti laittamalla

7
00:00:15,950 --> 00:00:19,660
JavaScript-koodi siellä täällä sisällä
arvosta ominaisuuksia ei ole

8
00:00:19,660 --> 00:00:20,830
paras design.

9
00:00:20,830 --> 00:00:23,440
Parhaiten, jos me tekijä, ulos ja
ainakin laittaa sen sisällä

10
00:00:23,440 --> 00:00:25,200
komentosarjatunnus keskitetysti.

11
00:00:25,200 --> 00:00:26,080
>> Miten tämä?

12
00:00:26,080 --> 00:00:30,040
No katsotaanpa palata minun muodossa tag ja
ensin poistettava tätä ominaisuutta ja sen

13
00:00:30,040 --> 00:00:31,780
Arvostamme kokonaan.

14
00:00:31,780 --> 00:00:35,730
Sitten täällä, sen sijaan määritellä
toiminto nimeltään tervehtiä, katsotaanpa roikkua

15
00:00:35,730 --> 00:00:39,405
on rivi koodia, että lopulta me
silti halua toteuttaa ja korvata

16
00:00:39,405 --> 00:00:41,560
tervehtiä toimivat seuraavasti.

17
00:00:41,560 --> 00:00:48,190
Document.get Element By tunnus
Lainaan unquote demo -

18
00:00:48,190 --> 00:00:52,410
jos demo, muistaa, on ainutlaatuinen
tunniste muodossa itse -

19
00:00:52,410 --> 00:00:56,600
piste esittää, joka muistuttaa on nimi
tapahtumakäsittelijän jossa

20
00:00:56,600 --> 00:00:57,710
olemme kiinnostuneita.

21
00:00:57,710 --> 00:01:01,990
Ja nyt määrittää, että esittää ohjaaja
arvo, joka on oikeastaan

22
00:01:01,990 --> 00:01:03,740
toimiakseen itse.

23
00:01:03,740 --> 00:01:06,390
>> Nyt huomaan, että en ole oikeastaan
vaatii toimia täällä.

24
00:01:06,390 --> 00:01:10,650
Olen sen sijaan määritellään nimetön,
joka tunnetaan myös lambda-toimintoa,

25
00:01:10,650 --> 00:01:14,100
määrittämällä näiden aaltosulkeiden
nippu-koodin, joka

26
00:01:14,100 --> 00:01:15,490
todella toteutetaan.

27
00:01:15,490 --> 00:01:18,500
Erityisesti koodi, että haluaisin
suorittaa on, että linja, joka minulla oli

28
00:01:18,500 --> 00:01:23,370
ennen, ja sitten nyt lisätä, että
return false niin, että tämä muoto ei ole

29
00:01:23,370 --> 00:01:26,950
lopulta toimitti lopettaa kauko web
palvelin perinteisellä tavalla.

30
00:01:26,950 --> 00:01:30,345
>> Katsotaanpa nyt tallentaa tämän tiedoston, avaa se
selaimessa, ja katso mitä tapahtuu.

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
Katsotaanpa nyt kirjoittaa nimeni,
David, Lähetä.

34
00:01:43,060 --> 00:01:46,900
Ja ei näy mitään on tapahtunut
paitsi URL sivuni näyttää

35
00:01:46,900 --> 00:01:52,580
ovat muuttuneet ikään kuin muotoon oli
jättivät samaan tiedostoon.

36
00:01:52,580 --> 00:01:53,870
>> Nyt, miksi se voisi olla?

37
00:01:53,870 --> 00:01:55,340
No Tarvitsen lisää tietoa.

38
00:01:55,340 --> 00:01:58,700
Joten mene eteenpäin ja avata Chromen
Kehittäjätyökalut jotta voin itse

39
00:01:58,700 --> 00:02:01,440
katsokaa konsoli-ikkuna nähdä
jos olen tehnyt jotain väärin.

40
00:02:01,440 --> 00:02:03,330
Voin käyttää kyseistä kautta
pari tapaa.

41
00:02:03,330 --> 00:02:07,250
Yksi mikä on tämän valikon kautta täällä,
valitse sitten Työkalut, sitten alas

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

43
00:02:08,509 --> 00:02:12,890
>> Ja huomaa täällä Console-välilehti
siellä uncaught tyyppinen virhe, ei voi

44
00:02:12,890 --> 00:02:15,390
asettaa omaisuutta esittää null.

45
00:02:15,390 --> 00:02:16,900
Nyt, miksi se voisi olla?

46
00:02:16,900 --> 00:02:21,380
No takaisin minun lähdekoodia täällä, huomautus
että lähettää mielestäni

47
00:02:21,380 --> 00:02:25,360
omaisuutta, jonka sähköinen
yksilöllinen tunniste on demo.

48
00:02:25,360 --> 00:02:27,810
Elementti, jälleen, on vain
solmu puussa.

49
00:02:27,810 --> 00:02:30,870
>> Joten näyttää siltä, ​​että minun selain ei
sitä mieltä, että tätä elementtiä

50
00:02:30,870 --> 00:02:32,500
tai solmu on olemassa vielä.

51
00:02:32,500 --> 00:02:33,790
Ja todellakin, se ei ole.

52
00:02:33,790 --> 00:02:37,690
Muista, että web-sivu on jäsentää Lue
jonka web-selain, ylhäältä alas,

53
00:02:37,690 --> 00:02:38,430
vasemmalta oikealle.

54
00:02:38,430 --> 00:02:41,810
Ja niin kun JavaScript-koodi on
kohdanneet, tyypillisesti se toteutetaan

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

56
00:02:42,700 --> 00:02:46,460
>> Mutta tässä tapauksessa, emme ole edes saanut
vielä osa dom,

57
00:02:46,460 --> 00:02:51,100
HTML, jossa kyseinen muodossa ainutlaatuinen
tunniste demo on julistettu.

58
00:02:51,100 --> 00:02:54,320
Ja niin me yritämme toteuttaa minun
JavaScript-koodin ennen kyseisen solmun edes

59
00:02:54,320 --> 00:02:58,530
on olemassa puu, joka tietenkin on
ongelmallista, koska silloin varmasti,

60
00:02:58,530 --> 00:03:01,390
elementti itsessään on null
kyseisenä ajankohtana.

61
00:03:01,390 --> 00:03:02,390
>> Joten miten korjata?

62
00:03:02,390 --> 00:03:03,810
No meillä on pari ratkaisuja.

63
00:03:03,810 --> 00:03:07,200
Mutta yritetään yksinkertaisin siirtämällä
minun komentosarjatunnus pään

64
00:03:07,200 --> 00:03:11,560
tunnisteen ruumiini, mutta erityisesti kohti
alareunassa sivuni ruumis niin

65
00:03:11,560 --> 00:03:14,170
että se on alle solmut
ja kysymyksiä.

66
00:03:14,170 --> 00:03:19,930
Erityisesti nyt esiin ja leikata
Avaa Tag ja lähellä tag script

67
00:03:19,930 --> 00:03:24,720
ja siirtää että koko koodiosion
pohjaan tiedosto täällä.

68
00:03:24,720 --> 00:03:27,690
>> Nyt tämä ei ole välttämättä puhtain
suunnitella, mutta ainakin se

69
00:03:27,690 --> 00:03:29,530
täytäntöön oikeassa järjestyksessä toiminnan.

70
00:03:29,530 --> 00:03:31,495
Säästetään tiedosto ja
reload minun selaimessa.

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

72
00:03:34,620 --> 00:03:40,240
Katsotaanpa päivittää sivun uudestaan ​​valita nimeni,
ja siellä, Hello David on palannut.

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