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

2
00:00:00,380 --> 00:00:03,000
>> SPEAKER 1: Zdaj v tem zadnjem primeru,
spomnimo, da smo vrinjeni nekaj

3
00:00:03,000 --> 00:00:07,170
JavaScript kode, znotraj mojega HTML,
Natančneje, znotraj vrednosti

4
00:00:07,170 --> 00:00:10,460
atribut pozval Pošlji
za to obliko oznake.

5
00:00:10,460 --> 00:00:12,850
Zdaj za manjše strani, to
ni tak big deal.

6
00:00:12,850 --> 00:00:15,950
Ampak kot spletna stran dobi več in več
zapleten, enostavno polaganje vaš

7
00:00:15,950 --> 00:00:19,660
JavaScript kode, tu in tam notri
od vrednosti atributov ni

8
00:00:19,660 --> 00:00:20,830
najboljši dizajn.

9
00:00:20,830 --> 00:00:23,440
Najbolje je, če bomo dejavnik, ki ga izvajajo, in
vsaj ga notranjosti

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

11
00:00:25,200 --> 00:00:26,080
>> Kako to storiti?

12
00:00:26,080 --> 00:00:30,040
No, vrnimo k moji obrazca dostavek in
najprej zbrisati ta atribut in njegove

13
00:00:30,040 --> 00:00:31,780
vrednost v celoti.

14
00:00:31,780 --> 00:00:35,730
Nato se tukaj, ne pa opredeljujejo
Funkcija se imenuje Greet, pa visi na

15
00:00:35,730 --> 00:00:39,405
na vrstico kode, ki na koncu smo
bodo še vedno želeli izvesti in zamenjati

16
00:00:39,405 --> 00:00:41,560
Funkcija Greet kot sledi.

17
00:00:41,560 --> 00:00:48,190
Document.get Element S ID
citiram konec citata demo -

18
00:00:48,190 --> 00:00:52,410
kjer je demo, odpoklic, edinstvena
Identifikacijska oznaka za obliko samega -

19
00:00:52,410 --> 00:00:56,600
dot za predložitev, ki opozarjajo, je ime
za obravnavo dogodkov, v katerem

20
00:00:56,600 --> 00:00:57,710
smo zainteresirani.

21
00:00:57,710 --> 00:01:01,990
In kaj je dodeliti, da se na predložitev trener
vrednost, ki je dejansko

22
00:01:01,990 --> 00:01:03,740
sama deluje.

23
00:01:03,740 --> 00:01:06,390
>> Zdaj opazil, da nisem dejansko
kliče funkcijo tukaj.

24
00:01:06,390 --> 00:01:10,650
Jaz sem namesto opredeljevanju anonimen,
sicer znan kot funkcija lambda,

25
00:01:10,650 --> 00:01:14,100
z določitvijo med temi zavitimi oklepaji
kup kode, ki naj bi

26
00:01:14,100 --> 00:01:15,490
dejansko izvajajo.

27
00:01:15,490 --> 00:01:18,500
Natančneje, kodo, ki bi rad
izvesti je, da linija, da sem imel

28
00:01:18,500 --> 00:01:23,370
prej in potem pa dodati, da
vrne false, tako da je ta oblika ne

29
00:01:23,370 --> 00:01:26,950
končno predloži prekiniti oddaljeni spletu
Strežnik na tradicionalen način.

30
00:01:26,950 --> 00:01:30,345
>> Pojdimo zdaj shranite to datoteko, odpri
v brskalniku, in glej kaj se zgodi.

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
Pojdimo zdaj vnesite v moje ime,
David, Submit.

34
00:01:43,060 --> 00:01:46,900
In zdi se, da ni nič zgodilo
razen URL moje strani se zdi, da

35
00:01:46,900 --> 00:01:52,580
so se spremenili, kot da je bila oblika
dejansko vložen v isto datoteko.

36
00:01:52,580 --> 00:01:53,870
>> Zdaj, zakaj bi to lahko bilo?

37
00:01:53,870 --> 00:01:55,340
Tudi jaz potrebujem nekaj več informacij.

38
00:01:55,340 --> 00:01:58,700
Torej, gremo naprej in odprla Chrome je
Orodja za razvijalce, tako da sem lahko dejansko

39
00:01:58,700 --> 00:02:01,440
gledati skozi okno konzole za prikaz
če sem naredil kaj narobe.

40
00:02:01,440 --> 00:02:03,330
Ne morem dostopati da prek
nekaj načinov.

41
00:02:03,330 --> 00:02:07,250
Ena od katerih je preko tega menija tod
nato pod Orodja, nato navzdol

42
00:02:07,250 --> 00:02:08,509
Orodja za razvijalce.

43
00:02:08,509 --> 00:02:12,890
>> In opazil sem v zavihku Console
tam je Neuhvaćen napaka tipa, ne more

44
00:02:12,890 --> 00:02:15,390
nastavite lastnost na predložitev iz vezi.

45
00:02:15,390 --> 00:02:16,900
Zdaj, zakaj bi to lahko bilo?

46
00:02:16,900 --> 00:02:21,380
No, nazaj v svoj izvorni kodi tukaj, obvestilo
da na submit mislim, da je

47
00:02:21,380 --> 00:02:25,360
lastnost elementa, katerega
Edinstven identifikator demo.

48
00:02:25,360 --> 00:02:27,810
Element, ponovno, je le
vozlišče v drevesu.

49
00:02:27,810 --> 00:02:30,870
>> Tako se zdi, da moj brskalnik ne
mislim, da je ta element

50
00:02:30,870 --> 00:02:32,500
ali vozlišče še ne obstaja.

51
00:02:32,500 --> 00:02:33,790
In res, pa ne.

52
00:02:33,790 --> 00:02:37,690
Spomnimo se, da je spletna stran ali razčleniti prebrati
s spletnim brskalnikom, od zgoraj navzdol,

53
00:02:37,690 --> 00:02:38,430
od leve proti desni.

54
00:02:38,430 --> 00:02:41,810
In tako, ko JavaScript kode, ki je
s katerimi se srečujejo, običajno, to je izvršiti

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

56
00:02:42,700 --> 00:02:46,460
>> Toda v tem primeru nismo niti gotten
še dela doma,

57
00:02:46,460 --> 00:02:51,100
HTML, v katerem je oblika z edinstveno
identifikator demo je bil razglašen.

58
00:02:51,100 --> 00:02:54,320
In tako smo poskušali izvršiti my
JavaScript kode, ki pred tem še vozlišče

59
00:02:54,320 --> 00:02:58,530
obstaja v drevesu, ki je seveda
problematično, ker potem zagotovo,

60
00:02:58,530 --> 00:03:01,390
element sam po sebi ne bo null
v tistem trenutku.

61
00:03:01,390 --> 00:03:02,390
>> Torej, kako popraviti?

62
00:03:02,390 --> 00:03:03,810
Torej imamo nekaj rešitev.

63
00:03:03,810 --> 00:03:07,200
Ampak poskusimo najpreprostejših s selitvijo
moj scenarij tag od glave

64
00:03:07,200 --> 00:03:11,560
označiti z mojim telesom, temveč še posebej, proti
Spodnji del telesa moji strani, tako

65
00:03:11,560 --> 00:03:14,170
da je pod vozlišč
in vprašanja.

66
00:03:14,170 --> 00:03:19,930
Natančneje, kaj je poudariti in zmanjšanje
open tag in blizu tag za skript

67
00:03:19,930 --> 00:03:24,720
in se preselijo, da celoten blok kode
na dnu datoteke tukaj.

68
00:03:24,720 --> 00:03:27,690
>> Zdaj to ni nujno najčistejše
Načrtujemo, ampak vsaj da bo

69
00:03:27,690 --> 00:03:29,530
uveljaviti pravico vrstni red postopkov.

70
00:03:29,530 --> 00:03:31,495
Oglejmo shranite in
naložite na svoj brskalnik.

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

72
00:03:34,620 --> 00:03:40,240
Oglejmo osvežite stran, ponovno vhod moje ime,
in tam, Hello David se je vrnil.

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