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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: La oss gjennomføre en web
side som sier hei til en bruker, sammen

3
00:00:03,130 --> 00:00:06,830
den måten demonstrere DOM, den
Dokumentet objektmodell, eller treet

4
00:00:06,830 --> 00:00:10,220
struktur som virkelig er under
panseret når du bearbeider en nettside.

5
00:00:10,220 --> 00:00:11,440
>> La oss ta en titt.

6
00:00:11,440 --> 00:00:15,950
Her, i dom-0.html, legge merke til at innsiden
av sidene 'kropp, har jeg en

7
00:00:15,950 --> 00:00:19,860
skjema tag, den unike identifikator for
som er, sitat unquote, "demo".

8
00:00:19,860 --> 00:00:23,670
I mellomtiden, jeg har også en onsubmit
attributt, også kjent som en hendelse

9
00:00:23,670 --> 00:00:28,150
handler, onsubmit, som fastslår at
når dette skjemaet er sendt, en

10
00:00:28,150 --> 00:00:30,800
funksjon som er tilsynelatende kalt
hilse bør bli henrettet.

11
00:00:30,800 --> 00:00:32,960
Og så falsk bør returneres.

12
00:00:32,960 --> 00:00:33,830
>> Hvorfor falsk?

13
00:00:33,830 --> 00:00:36,850
Vel, jeg har ikke egentlig ønsker å sende
dette skjemaet til en ekstern webserver i

14
00:00:36,850 --> 00:00:37,810
den tradisjonelle måten.

15
00:00:37,810 --> 00:00:40,850
Jeg ønsker å omgå den form
Innlevering og gjøre noe med det

16
00:00:40,850 --> 00:00:42,690
klientsiden ved hjelp av Javascript.

17
00:00:42,690 --> 00:00:44,010
Faktisk merker her.

18
00:00:44,010 --> 00:00:47,290
I spissen for min nettside, har jeg en
skriptmerket, innsiden av som er den

19
00:00:47,290 --> 00:00:49,420
begynnelse av den funksjonen
kalt hilse.

20
00:00:49,420 --> 00:00:51,040
>> Hva gjør jeg faktisk ønsker å gjøre?

21
00:00:51,040 --> 00:00:54,530
Vel, på innsiden av hilse, la oss rett og slett
ringe varslingsfunksjonen.

22
00:00:54,530 --> 00:00:57,770
Og deretter skrive ut noe
som hallo, med et mellomrom.

23
00:00:57,770 --> 00:01:01,460
Og så sette sammen på slutten
av at produktet av ringer

24
00:01:01,460 --> 00:01:08,370
document.getElementById, spesifisere
spesielt den unike identifikator,

25
00:01:08,370 --> 00:01:10,070
quote unquote, "navn."

26
00:01:10,070 --> 00:01:13,670
>> Og spesielt når vi har fått
som element, node i treet

27
00:01:13,670 --> 00:01:17,640
som representerer denne web-siden, la oss
spesielt får sin verdi ved

28
00:01:17,640 --> 00:01:19,320
spesifiserer. verdi.

29
00:01:19,320 --> 00:01:22,060
Og så, bare for moro skyld, la oss
sette sammen den til enden av at en

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

31
00:01:23,730 --> 00:01:28,460
>> La oss nå lagre denne filen, åpne den
i en nettleser, og se et hei.

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

33
00:01:33,600 --> 00:01:34,670
>> Det er dette skjemaet.

34
00:01:34,670 --> 00:01:36,530
La oss gå videre og skriver i mitt navn.

35
00:01:36,530 --> 00:01:38,530
Etterfulgt av å klikke på Send.

36
00:01:38,530 --> 00:01:39,910
Og det ser vi hallo, David!

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

38
00:01:42,410 --> 00:01:43,660
Det er meg.

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