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

2
00:00:00,380 --> 00:00:03,000
>> ALTAVEU 1: Ara, en aquest últim exemple,
Recordem que hem intercalats alguns

3
00:00:03,000 --> 00:00:07,170
El codi JavaScript dins del meu HTML,
específicament, dins del valor de

4
00:00:07,170 --> 00:00:10,460
l'atribut anomenat On Enviar
per a aquesta etiqueta de formulari.

5
00:00:10,460 --> 00:00:12,850
Ara per a les pàgines petites, això
no és una cosa molt important.

6
00:00:12,850 --> 00:00:15,950
Però a mesura que una pàgina web es fa més llarg i més
complexa, simplement posant el seu

7
00:00:15,950 --> 00:00:19,660
El codi JavaScript d'aquí cap allà a l'interior
del valor dels atributs no és el

8
00:00:19,660 --> 00:00:20,830
millor disseny.

9
00:00:20,830 --> 00:00:23,440
Millor si ens factor de sortir i
almenys, el va posar dins

10
00:00:23,440 --> 00:00:25,200
l'etiqueta de script en el centre.

11
00:00:25,200 --> 00:00:26,080
>> Com fer això?

12
00:00:26,080 --> 00:00:30,040
Bé, anem a tornar a la meva forma d'etiquetes i
primer eliminar aquest atribut i el seu

13
00:00:30,040 --> 00:00:31,780
valorar completament.

14
00:00:31,780 --> 00:00:35,730
Llavors aquí, en lloc de definir una
funció anomenada Greet, anem a penjar a

15
00:00:35,730 --> 00:00:39,405
a la línia de codi que en última instància,
que encara volen executar i reemplaçar

16
00:00:39,405 --> 00:00:41,560
la funció Greet de la següent manera.

17
00:00:41,560 --> 00:00:48,190
Document.get Element By ID
citar demostració fi de cita -

18
00:00:48,190 --> 00:00:52,410
on demo, recordo, és l'única
identificador de la forma en si mateixa -

19
00:00:52,410 --> 00:00:56,600
punt a presentar, recordar és el nom
del controlador d'esdeveniments en què

20
00:00:56,600 --> 00:00:57,710
estem interessats.

21
00:00:57,710 --> 00:01:01,990
I anem a assignar que el gestor de presentar
el valor que en realitat és un

22
00:01:01,990 --> 00:01:03,740
funcionar en si.

23
00:01:03,740 --> 00:01:06,390
>> Ara noto que no sóc en realitat
cridar a una funció aquí.

24
00:01:06,390 --> 00:01:10,650
Estic en comptes de definir un anònim,
conegut d'una altra manera com una funció lambda,

25
00:01:10,650 --> 00:01:14,100
especificant entre aquestes claus
un munt de codi que ha

26
00:01:14,100 --> 00:01:15,490
en realitat ser executat.

27
00:01:15,490 --> 00:01:18,500
En concret, el codi que m'agradaria
a executar és aquesta línia que tenia

28
00:01:18,500 --> 00:01:23,370
abans i, a continuació, anem a afegir a aquest
return false perquè aquesta forma no és

29
00:01:23,370 --> 00:01:26,950
presentat en última instància, per posar fi a la Web remot
servidor de la manera tradicional.

30
00:01:26,950 --> 00:01:30,345
>> Ara anem a guardar l'arxiu, obrir-lo
en un navegador, i veure què passa.

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
Anem ara escriviu en nom meu,
David, a Envia.

34
00:01:43,060 --> 00:01:46,900
I res sembla haver succeït
excepte la URL de la meva pàgina sembla

35
00:01:46,900 --> 00:01:52,580
han canviat, com si el formulari ser
realitat presentada en el mateix arxiu.

36
00:01:52,580 --> 00:01:53,870
>> Ara per què podria ser?

37
00:01:53,870 --> 00:01:55,340
Bé, jo necessito una mica més d'informació.

38
00:01:55,340 --> 00:01:58,700
Així que seguirem endavant i obrir Chrome
Eines de desenvolupament perquè jo pugui realment

39
00:01:58,700 --> 00:02:01,440
mirar la finestra de la consola per veure
si he fet alguna cosa malament.

40
00:02:01,440 --> 00:02:03,330
Puc accedir a aquesta via
un parell de maneres.

41
00:02:03,330 --> 00:02:07,250
Una d'elles és a través d'aquest menú aquí,
a continuació, a Eines, i després cap avall per

42
00:02:07,250 --> 00:02:08,509
Eines de Desenvolupament.

43
00:02:08,509 --> 00:02:12,890
>> I noti aquí a la fitxa Consola,
Hi ha un error de tipus no detectada, no es pot

44
00:02:12,890 --> 00:02:15,390
establir la propietat de presentar de null.

45
00:02:15,390 --> 00:02:16,900
Ara per què podria ser?

46
00:02:16,900 --> 00:02:21,380
Bé en el meu codi font aquí, avís
que a Enviar crec que és un

47
00:02:21,380 --> 00:02:25,360
propietat de l'element el
identificador únic és de demostració.

48
00:02:25,360 --> 00:02:27,810
Un element, de nou, és només
un node en un arbre.

49
00:02:27,810 --> 00:02:30,870
>> Així que sembla que el meu navegador no
pensar que aquest element

50
00:02:30,870 --> 00:02:32,500
o hi ha node encara.

51
00:02:32,500 --> 00:02:33,790
I, de fet, no ho fa.

52
00:02:33,790 --> 00:02:37,690
Recordem que una pàgina web s'analitza o llegir
per un navegador web, de dalt a baix,

53
00:02:37,690 --> 00:02:38,430
esquerra a dreta.

54
00:02:38,430 --> 00:02:41,810
I així, quan el codi JavaScript és
trobat, en general, s'executa

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

56
00:02:42,700 --> 00:02:46,460
>> Però en aquest cas, ni tan sols hem aconseguit
però, a la part de la llibertat, la

57
00:02:46,460 --> 00:02:51,100
HTML, en què aquest formulari amb un únic
demostració identificador ha estat declarada.

58
00:02:51,100 --> 00:02:54,320
Així que estem tractant d'executar la meva
El codi JavaScript abans d'aquest node, fins i tot

59
00:02:54,320 --> 00:02:58,530
existeix en l'arbre, que, per descomptat, és
problemàtic perquè llavors, sens dubte,

60
00:02:58,530 --> 00:03:01,390
el mateix element serà nul
en aquest punt en el temps.

61
00:03:01,390 --> 00:03:02,390
>> Llavors, com solucionar-ho?

62
00:03:02,390 --> 00:03:03,810
Bé, tenim un parell de solucions.

63
00:03:03,810 --> 00:03:07,200
Però intentarem el més simple mitjançant la reubicació
la meva etiqueta de script del cap

64
00:03:07,200 --> 00:03:11,560
etiquetar el meu cos, però en concret, cap a
la part inferior del cos de la meva pàgina perquè

65
00:03:11,560 --> 00:03:14,170
que està per sota dels nodes
i preguntes.

66
00:03:14,170 --> 00:03:19,930
En concret, anem a ressaltar i tall
l'etiqueta d'obertura i tancament d'etiquetes per al script

67
00:03:19,930 --> 00:03:24,720
i reubicar tot aquest bloc de codi
a la part inferior de l'arxiu aquí.

68
00:03:24,720 --> 00:03:27,690
>> Ara bé, això no és necessàriament el més net
dissenyar, però almenys ho farà

69
00:03:27,690 --> 00:03:29,530
fer complir l'ordre correcte de les operacions.

70
00:03:29,530 --> 00:03:31,495
Anem a guardar l'arxiu i
torneu a carregar en el meu navegador.

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

72
00:03:34,620 --> 00:03:40,240
Anem a carregar la pàgina, torneu a introduir el meu nom,
i allà, Hola David està de tornada.

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