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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Cerchiamo di attuare un web
pagina che dice ciao ad un utente, insieme

3
00:00:03,130 --> 00:00:06,830
il modo in cui dimostrare il DOM, l'
modello di oggetto documento, o l'albero

4
00:00:06,830 --> 00:00:10,220
struttura che è veramente sotto l'
cappa quando si esegue il rendering di una pagina web.

5
00:00:10,220 --> 00:00:11,440
>> Diamo uno sguardo.

6
00:00:11,440 --> 00:00:15,950
Qui, in dom-0.html, notare che all'interno
del corpo delle pagine ', ho un

7
00:00:15,950 --> 00:00:19,860
forma di tag, l'identificatore univoco per
che è, tra virgolette, "demo".

8
00:00:19,860 --> 00:00:23,670
Nel frattempo, ho anche un onSubmit
attributo, altrimenti noto come evento

9
00:00:23,670 --> 00:00:28,150
handler, onSubmit, che specifica che
quando viene inviato questo modulo, una

10
00:00:28,150 --> 00:00:30,800
funzione che è apparentemente chiamato
salutare dovrebbe essere eseguita.

11
00:00:30,800 --> 00:00:32,960
E poi falso deve essere restituito.

12
00:00:32,960 --> 00:00:33,830
>> Perché falso?

13
00:00:33,830 --> 00:00:36,850
Beh, io in realtà non voglio presentare
questo modulo a un server Web remoto

14
00:00:36,850 --> 00:00:37,810
il modo tradizionale.

15
00:00:37,810 --> 00:00:40,850
Voglio eludere tale forma
sottomissione e fare qualcosa con esso

16
00:00:40,850 --> 00:00:42,690
lato client utilizzando JavaScript.

17
00:00:42,690 --> 00:00:44,010
Infatti, notate qui.

18
00:00:44,010 --> 00:00:47,290
A capo della mia pagina web, ho un
tag script, all'interno del quale è l'

19
00:00:47,290 --> 00:00:49,420
inizi di tale funzione
chiamato saluto.

20
00:00:49,420 --> 00:00:51,040
>> Quello che posso effettivamente voglio fare?

21
00:00:51,040 --> 00:00:54,530
Ebbene, all'interno di salutare, diciamo semplicemente
chiamare la funzione di allarme.

22
00:00:54,530 --> 00:00:57,770
E poi stampare qualcosa
come ciao, con uno spazio.

23
00:00:57,770 --> 00:01:01,460
E poi concatenare sull'estremità
di che il risultato della chiamata

24
00:01:01,460 --> 00:01:08,370
document.getElementById, specificando
specificamente l'identificatore unico,

25
00:01:08,370 --> 00:01:10,070
tra virgolette, "nome".

26
00:01:10,070 --> 00:01:13,670
>> E in particolare, una volta che abbiamo ottenuto
tale elemento, il nodo dell'albero

27
00:01:13,670 --> 00:01:17,640
che rappresenta questa pagina web, LET'S
specificamente ottenere il suo valore da

28
00:01:17,640 --> 00:01:19,320
valore che specifica..

29
00:01:19,320 --> 00:01:22,060
E poi, solo per divertimento, cerchiamo di
concatenare al fine che un

30
00:01:22,060 --> 00:01:23,730
punto esclamativo.

31
00:01:23,730 --> 00:01:28,460
>> Vediamo ora salvare il file, aprirlo
in un browser, e vedere un ciao.

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

33
00:01:33,600 --> 00:01:34,670
>> C'è quella forma.

34
00:01:34,670 --> 00:01:36,530
Andiamo avanti e digitare nel mio nome.

35
00:01:36,530 --> 00:01:38,530
Seguito da clic su Invia.

36
00:01:38,530 --> 00:01:39,910
E ci vediamo ciao, David!

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

38
00:01:42,410 --> 00:01:43,660
Questo sono io.

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