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

2
00:00:00,380 --> 00:00:03,000
>> SPEAKER 1: Acum, în acest ultim exemplu,
amintesc că am intercalate unele

3
00:00:03,000 --> 00:00:07,170
Codul JavaScript interiorul HTML meu,
în mod specific, în interiorul a valorii

4
00:00:07,170 --> 00:00:10,460
atributul numit pe Submit
pentru că forma tag-ul.

5
00:00:10,460 --> 00:00:12,850
Acum, pentru pagini mici, acest
nu este o astfel de afacere mare.

6
00:00:12,850 --> 00:00:15,950
Dar ca o pagină web devine mai mult și mai mult
complex, pune pur și simplu dvs.

7
00:00:15,950 --> 00:00:19,660
JavaScript codul aici și acolo în interior
din valoarea atribute nu este

8
00:00:19,660 --> 00:00:20,830
cel mai bun design.

9
00:00:20,830 --> 00:00:23,440
Cel mai bine dacă ne-am factor care afară și
cel puțin pus în interiorul

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

11
00:00:25,200 --> 00:00:26,080
>> Cum se face acest lucru?

12
00:00:26,080 --> 00:00:30,040
Ei bine, să se întoarcă la forma tag-ul meu și
Primul șterge acest atribut și ei

13
00:00:30,040 --> 00:00:31,780
valoare cu totul.

14
00:00:31,780 --> 00:00:35,730
Apoi aici, în loc să definească o
Funcția numit Greet, să stea pe

15
00:00:35,730 --> 00:00:39,405
la linia care în cele din urmă ne
va dori în continuare să execute și să înlocuiască

16
00:00:39,405 --> 00:00:41,560
funcția Greet după cum urmează.

17
00:00:41,560 --> 00:00:48,190
Document.get Element de identitate
citez demo încheiat citatul -

18
00:00:48,190 --> 00:00:52,410
în cazul în care demo, amintesc, este unic
identificator pentru forma în sine -

19
00:00:52,410 --> 00:00:56,600
punct la prezenta, care amintesc este numele
de tratare a evenimentului în care

20
00:00:56,600 --> 00:00:57,710
suntem interesați.

21
00:00:57,710 --> 00:01:01,990
Și să atribui că la prezenta handler
valoarea care este de fapt o

22
00:01:01,990 --> 00:01:03,740
funcționeze în sine.

23
00:01:03,740 --> 00:01:06,390
>> Acum, observați că eu nu sunt de fapt
apelarea o funcție aici.

24
00:01:06,390 --> 00:01:10,650
Eu în schimb definirea unui anonim,
altfel cunoscut ca funcție lambda,

25
00:01:10,650 --> 00:01:14,100
prin specificarea dintre aceste acolade
o grămadă de cod care ar trebui să

26
00:01:14,100 --> 00:01:15,490
de fapt, să fie executat.

27
00:01:15,490 --> 00:01:18,500
În mod specific, codul pe care mi-ar plăcea
pentru a executa este că linia pe care am avut

28
00:01:18,500 --> 00:01:23,370
înainte, și apoi să adăugăm la asta
return false, astfel că această formă nu este

29
00:01:23,370 --> 00:01:26,950
în cele din urmă a prezentat pentru a termina web de la distanță
de server în mod tradițional.

30
00:01:26,950 --> 00:01:30,345
>> Să salvăm acum acest fișier, deschideți-l în sus
într-un browser, și să vedem ce se întâmplă.

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
Hai acum tastăm în numele meu,
David Trimite.

34
00:01:43,060 --> 00:01:46,900
Și nimic nu pare să se fi întâmplat
cu excepția URL-ul paginii mele pare să

35
00:01:46,900 --> 00:01:52,580
s-au schimbat, ca și cum era forma
de fapt depus la același fișier.

36
00:01:52,580 --> 00:01:53,870
>> Acum, de ce ar fi asta?

37
00:01:53,870 --> 00:01:55,340
Ei bine, am nevoie de mai multe informații.

38
00:01:55,340 --> 00:01:58,700
Deci, haideți să mergem mai departe și să se deschidă Chrome
Instrumente de dezvoltare astfel încât să pot de fapt,

39
00:01:58,700 --> 00:02:01,440
uita-te la fereastra de consola pentru a vedea
dacă am făcut ceva greșit.

40
00:02:01,440 --> 00:02:03,330
Eu pot accesa prin intermediul
câteva moduri.

41
00:02:03,330 --> 00:02:07,250
Una dintre care este din acest meniu aici,
apoi, sub Instrumente, apoi în jos pentru a

42
00:02:07,250 --> 00:02:08,509
Instrumente pentru dezvoltatori.

43
00:02:08,509 --> 00:02:12,890
>> Și observați aici, în fila Console,
există o eroare de tip neprins, nu se poate

44
00:02:12,890 --> 00:02:15,390
setați proprietatea la prezenta de nul.

45
00:02:15,390 --> 00:02:16,900
Acum, de ce ar fi asta?

46
00:02:16,900 --> 00:02:21,380
Ei bine, înapoi în codul sursa mea de aici, o notificare
că pe submit cred că este un

47
00:02:21,380 --> 00:02:25,360
proprietate a elementului cărui
identificator unic este demo.

48
00:02:25,360 --> 00:02:27,810
Un element, din nou, este doar
un nod într-un copac.

49
00:02:27,810 --> 00:02:30,870
>> Deci, se pare că browserul meu nu
Cred că acest element

50
00:02:30,870 --> 00:02:32,500
sau există nod încă.

51
00:02:32,500 --> 00:02:33,790
Și într-adevăr, nu.

52
00:02:33,790 --> 00:02:37,690
Amintiti-va ca o pagină web este analizat sau de a citi
de un browser web, de sus în jos,

53
00:02:37,690 --> 00:02:38,430
la stânga la dreapta.

54
00:02:38,430 --> 00:02:41,810
Și astfel, atunci când codul JavaScript este
întâlnite, de obicei, este executat

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

56
00:02:42,700 --> 00:02:46,460
>> Dar, în acest caz, nu am ajuns chiar
dar la partea de dom,

57
00:02:46,460 --> 00:02:51,100
HTML, în care această formă, cu un unic
demo identificator a fost declarat.

58
00:02:51,100 --> 00:02:54,320
Și așa vom încerca să execute meu
JavaScript cod înainte ca nod chiar

59
00:02:54,320 --> 00:02:58,530
există în arborele care, desigur, este
problematic pentru că atunci, cu siguranță,

60
00:02:58,530 --> 00:03:01,390
elementul în sine va fi nul
la acel moment.

61
00:03:01,390 --> 00:03:02,390
>> Deci, cum să se stabilească?

62
00:03:02,390 --> 00:03:03,810
Ei bine, avem un cuplu de soluții.

63
00:03:03,810 --> 00:03:07,200
Dar hai să încercăm simple prin relocarea
tag-ul meu de script-ul de la cap

64
00:03:07,200 --> 00:03:11,560
tag-ul de corpul meu, dar în mod special, față de
partea de jos a corpului pagina mea, astfel

65
00:03:11,560 --> 00:03:14,170
că aceasta este sub nodurile
și întrebări.

66
00:03:14,170 --> 00:03:19,930
În mod special, să evidențiați și tăiat
tag-ul tag-ul deschis și aproape de script

67
00:03:19,930 --> 00:03:24,720
și mute că întregul bloc de cod
la partea de jos a fișierului aici.

68
00:03:24,720 --> 00:03:27,690
>> Acum, acest lucru nu este neapărat mai curate
proiectare, dar cel puțin se va

69
00:03:27,690 --> 00:03:29,530
pune în aplicare ordinea corectă a operațiunilor.

70
00:03:29,530 --> 00:03:31,495
Să salvați fișierul și
reîncărcați în browser-ul meu.

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

72
00:03:34,620 --> 00:03:40,240
Să reîncărca pagina, re-intrare numele meu,
și acolo, Buna David este înapoi.

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