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

2
00:00:00,380 --> 00:00:03,000
>> COLUMNA 1: Agora nese último exemplo,
recordar que intercalados algúns

3
00:00:03,000 --> 00:00:07,170
O código JavaScript dentro do meu HTML,
en concreto, dentro do valor de

4
00:00:07,170 --> 00:00:10,460
o atributo chamado On Enviar
para este tag form.

5
00:00:10,460 --> 00:00:12,850
Agora para pequenas páxinas, este
non é un negocio tan grande.

6
00:00:12,850 --> 00:00:15,950
Pero, como unha páxina web está máis e máis
complexa, simplemente colocando o

7
00:00:15,950 --> 00:00:19,660
O código JavaScript aquí e alí dentro
do valor de atributo non é o

8
00:00:19,660 --> 00:00:20,830
mellor deseño.

9
00:00:20,830 --> 00:00:23,440
Mellor se temos iso e
polo menos poñelas dentro

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

11
00:00:25,200 --> 00:00:26,080
>> Como facelo?

12
00:00:26,080 --> 00:00:30,040
Ben, imos volver á miña forma e etiqueta
primeiro eliminar este atributo eo seu

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

14
00:00:31,780 --> 00:00:35,730
Entón, aquí enriba, ao contrario de establecer un
función chamada Greet, imos colgar

15
00:00:35,730 --> 00:00:39,405
para a liña de código que en última análise,
aínda vai querer executar e substituír

16
00:00:39,405 --> 00:00:41,560
a función Greet como segue.

17
00:00:41,560 --> 00:00:48,190
Document.get elemento por ID
citar demostración unquote -

18
00:00:48,190 --> 00:00:52,410
onde demo, recall, é o único
identificador para o propio formulario -

19
00:00:52,410 --> 00:00:56,600
punto en enviar, o que lembro é o nome
do manipulador de eventos no que

20
00:00:56,600 --> 00:00:57,710
estamos interesados.

21
00:00:57,710 --> 00:01:01,990
E imos asignar ese en enviar manipulador
o valor que é realmente un

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

23
00:01:03,740 --> 00:01:06,390
>> Agora conta que eu non son realmente
chamar unha función aquí.

24
00:01:06,390 --> 00:01:10,650
Estou en vez definindo un anónimo,
doutro xeito coñecida como unha función lambda,

25
00:01:10,650 --> 00:01:14,100
especificando entre esas claves
unha morea de código que debería

26
00:01:14,100 --> 00:01:15,490
en realidade, ser executado.

27
00:01:15,490 --> 00:01:18,500
En concreto, o código que me gustaría
para realizar é que a liña que tiña

28
00:01:18,500 --> 00:01:23,370
antes, e, a continuación, imos engadir a iso
return false para que esa forma non é

29
00:01:23,370 --> 00:01:26,950
en definitiva, acaban sometidos a web remoto
servidor do xeito tradicional.

30
00:01:26,950 --> 00:01:30,345
>> Imos agora gardar o arquivo, abre-se
nun navegador, e ver o que acontece.

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
Imos agora escribir no meu nome,
David, en Enviar.

34
00:01:43,060 --> 00:01:46,900
E nada parece acontecer
excepto a URL da miña páxina parece

35
00:01:46,900 --> 00:01:52,580
cambiaron a forma na que se foi
realmente sometidos ao mesmo arquivo.

36
00:01:52,580 --> 00:01:53,870
>> Agora, por que pode ser iso?

37
00:01:53,870 --> 00:01:55,340
Ben, eu teño máis información.

38
00:01:55,340 --> 00:01:58,700
Entón, imos adiante e abrir Chrome
Ferramentas de Desenvolvemento para que eu poida realmente

39
00:01:58,700 --> 00:02:01,440
ollar para a fiestra da consola para ver
se eu tivese feito algo incorrecto.

40
00:02:01,440 --> 00:02:03,330
Podo acceder a esta vía
un par de formas.

41
00:02:03,330 --> 00:02:07,250
Unha delas é a través deste menú aquí,
logo en Ferramentas, a continuación, para abaixo para

42
00:02:07,250 --> 00:02:08,509
Ferramentas de Desenvolvemento.

43
00:02:08,509 --> 00:02:12,890
>> E teña en conta aquí na guía Console,
hai un erro de tipo non capturada, non pode

44
00:02:12,890 --> 00:02:15,390
definir a propiedade en enviar nulo.

45
00:02:15,390 --> 00:02:16,900
Agora, por que pode ser iso?

46
00:02:16,900 --> 00:02:21,380
Ben de volta o meu código fonte aquí, aviso
que en Submit Eu creo que é unha

47
00:02:21,380 --> 00:02:25,360
propiedade do elemento cuxo
identificador único é demostración.

48
00:02:25,360 --> 00:02:27,810
Un elemento, de novo, é só
un nodo nunha árbore.

49
00:02:27,810 --> 00:02:30,870
>> Así, parece que o meu ordenador non fai
pensa que ese elemento

50
00:02:30,870 --> 00:02:32,500
ou non existe aínda.

51
00:02:32,500 --> 00:02:33,790
E, de feito, iso non acontece.

52
00:02:33,790 --> 00:02:37,690
Lembre que unha páxina web é analizado ou ler
por un navegador web, de arriba abaixo,

53
00:02:37,690 --> 00:02:38,430
esquerda a dereita.

54
00:02:38,430 --> 00:02:41,810
E así, cando o código JavaScript é
atopou, normalmente, é executada

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

56
00:02:42,700 --> 00:02:46,460
>> Pero, neste caso, non temos sequera chegara
Aínda que a parte do don, o

57
00:02:46,460 --> 00:02:51,100
HTML, en que ese formulario cun único
demostración identificador foi declarado.

58
00:02:51,100 --> 00:02:54,320
E así estamos tentando realizar o meu
O código JavaScript que antes nó

59
00:02:54,320 --> 00:02:58,530
existe na árbore que, por suposto, é
problemático porque entón, por suposto,

60
00:02:58,530 --> 00:03:01,390
o propio elemento nulo
naquel momento.

61
00:03:01,390 --> 00:03:02,390
>> Entón, como solucionar?

62
00:03:02,390 --> 00:03:03,810
Ben, temos un par de solucións.

63
00:03:03,810 --> 00:03:07,200
Pero imos tratar o máis simple realocando
miña tag escritura da cabeza

64
00:03:07,200 --> 00:03:11,560
marcar para o meu corpo, pero especialmente, na dirección
a parte inferior do corpo da miña páxina, para

65
00:03:11,560 --> 00:03:14,170
que é a continuación dos nós
e preguntas.

66
00:03:14,170 --> 00:03:19,930
En concreto, imos destacar e cortar
tag abrir e pechar etiqueta para a escritura

67
00:03:19,930 --> 00:03:24,720
e recolocar todo este bloque de código
cara á parte inferior do ficheiro aquí.

68
00:03:24,720 --> 00:03:27,690
>> Agora, iso non é necesariamente o máis limpo
proxecto, pero polo menos vai

69
00:03:27,690 --> 00:03:29,530
facer cumprir a orde correcta das operacións.

70
00:03:29,530 --> 00:03:31,495
Imos gardar o ficheiro e
recargar no meu navegador.

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

72
00:03:34,620 --> 00:03:40,240
Imos actualizar a páxina, re-entrada do meu nome,
e alí, Ola David está de volta.

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