1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. Malan: Anem a implementar una xarxa
pàgina que diu hola a un usuari, al llarg de

3
00:00:03,130 --> 00:00:06,830
la forma en què demostra el DOM, la
model d'objectes de documents, o l'arbre

4
00:00:06,830 --> 00:00:10,220
estructura que realment està per sota de la
campana quan es processa una pàgina web.

5
00:00:10,220 --> 00:00:11,440
>> Anem a fer una ullada.

6
00:00:11,440 --> 00:00:15,950
Aquí, a dg-0.html, observi que a l'interior
del cos de les pàgines ', tinc un

7
00:00:15,950 --> 00:00:19,860
etiqueta de formulari, l'identificador únic per
que és, entre cometes, "demostració".

8
00:00:19,860 --> 00:00:23,670
Mentrestant, també tinc un onsubmit
atribuir, també conegut com un esdeveniment

9
00:00:23,670 --> 00:00:28,150
manipulador, onsubmit, que especifica que
quan s'envia el formulari, un

10
00:00:28,150 --> 00:00:30,800
funció que es diu que sembla
saludar haurien de ser executats.

11
00:00:30,800 --> 00:00:32,960
I llavors falsa ha de ser retornat.

12
00:00:32,960 --> 00:00:33,830
>> Per què fals?

13
00:00:33,830 --> 00:00:36,850
Bé, jo en realitat no vull que presenti
aquest formulari a un servidor web remot en

14
00:00:36,850 --> 00:00:37,810
la manera tradicional.

15
00:00:37,810 --> 00:00:40,850
Vull eludir aquesta forma
submissió i fer alguna cosa amb ell

16
00:00:40,850 --> 00:00:42,690
del costat del client utilitzant JavaScript.

17
00:00:42,690 --> 00:00:44,010
De fet, compte aquí.

18
00:00:44,010 --> 00:00:47,290
Al capdavant de la meva pàgina web, tinc un
etiqueta de script, a l'interior dels quals és el

19
00:00:47,290 --> 00:00:49,420
inicis d'aquesta funció
anomenat salutació.

20
00:00:49,420 --> 00:00:51,040
>> Què és el que realment vull fer?

21
00:00:51,040 --> 00:00:54,530
Bé, dins de salutació, anem a simplement
cridar a la funció d'alerta.

22
00:00:54,530 --> 00:00:57,770
I després imprimir alguna cosa
com hola, amb un espai.

23
00:00:57,770 --> 00:01:01,460
I a continuació, concatenar a l'extrem
que el resultat de l'anomenada

24
00:01:01,460 --> 00:01:08,370
document.getElementById, especificant
específicament, l'identificador únic,

25
00:01:08,370 --> 00:01:10,070
entre cometes, "nom".

26
00:01:10,070 --> 00:01:13,670
>> I específicament, un cop que hem rebut
aquest element, el node a l'arbre

27
00:01:13,670 --> 00:01:17,640
que representa aquesta pàgina web, anem a
específicament obtenir el seu valor per

28
00:01:17,640 --> 00:01:19,320
especificant. valor.

29
00:01:19,320 --> 00:01:22,060
I llavors, només per diversió, anem a
concatenar fins al final que un

30
00:01:22,060 --> 00:01:23,730
signe d'exclamació.

31
00:01:23,730 --> 00:01:28,460
>> Ara anem a guardar l'arxiu, obrir-lo
en un navegador, i veure un hola.

32
00:01:28,460 --> 00:01:33,600
http://localhost/dom-0.html.

33
00:01:33,600 --> 00:01:34,670
>> Aquí està aquest formulari.

34
00:01:34,670 --> 00:01:36,530
Seguirem endavant i escriviu en nom meu.

35
00:01:36,530 --> 00:01:38,530
Seguit de fer clic a Envia.

36
00:01:38,530 --> 00:01:39,910
I allà veiem hola, David!

37
00:01:39,910 --> 00:01:42,410

38
00:01:42,410 --> 00:01:43,660
Aquest sóc jo.

39
00:01:43,660 --> 00:01:44,363