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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Låt oss genomföra en webbsida
sida som säger hej till en användare, tillsammans

3
00:00:03,130 --> 00:00:06,830
det sätt som visar DOM, den
Document Object Model, eller trädet

4
00:00:06,830 --> 00:00:10,220
struktur som verkligen är under
huva när du gör en webbsida.

5
00:00:10,220 --> 00:00:11,440
>> Låt oss ta en titt.

6
00:00:11,440 --> 00:00:15,950
Här, i dom-0.html, märker att insidan
av sidorna "kropp, har jag en

7
00:00:15,950 --> 00:00:19,860
formulär tag, den unika identifierare för
som är, citat unquote, "demo".

8
00:00:19,860 --> 00:00:23,670
Under tiden har jag också en onsubmit
attribut, annars känd som en händelse

9
00:00:23,670 --> 00:00:28,150
handler, onSubmit, som anger att
När detta formulär lämnas in, en

10
00:00:28,150 --> 00:00:30,800
funktion som tydligen kallas
hälsar bör verkställas.

11
00:00:30,800 --> 00:00:32,960
Och sedan falskt ska returneras.

12
00:00:32,960 --> 00:00:33,830
>> Varför falskt?

13
00:00:33,830 --> 00:00:36,850
Tja, jag inte egentligen vill lämna
denna form till en avlägsen webbserver i

14
00:00:36,850 --> 00:00:37,810
det traditionella sättet.

15
00:00:37,810 --> 00:00:40,850
Jag vill kringgå den formen
underkastelse och göra något med den

16
00:00:40,850 --> 00:00:42,690
klientsidan med hjälp av JavaScript.

17
00:00:42,690 --> 00:00:44,010
Faktum är att märka här.

18
00:00:44,010 --> 00:00:47,290
I spetsen för min hemsida, jag har en
script-taggen, insida som är den

19
00:00:47,290 --> 00:00:49,420
början av den funktionen
kallas greet.

20
00:00:49,420 --> 00:00:51,040
>> Vad vill jag egentligen vill göra?

21
00:00:51,040 --> 00:00:54,530
Tja, insida hälsar, låt oss helt enkelt
ringa varningsfunktion.

22
00:00:54,530 --> 00:00:57,770
Och sedan skriva ut något
liksom hej, med ett mellanslag.

23
00:00:57,770 --> 00:01:01,460
Och sedan sammanfogar till slutet
för att resultatet av att ringa

24
00:01:01,460 --> 00:01:08,370
document.getElementById, ange
specifikt den unika identifierare,

25
00:01:08,370 --> 00:01:10,070
citat unquote, "namn."

26
00:01:10,070 --> 00:01:13,670
>> Och speciellt när vi har fått
som element, den nod i trädet

27
00:01:13,670 --> 00:01:17,640
som representerar denna webbsida, låt oss
specifikt får sitt värde genom

28
00:01:17,640 --> 00:01:19,320
specificerar. värde.

29
00:01:19,320 --> 00:01:22,060
Och sedan, bara för skojs skull, låt oss
sammanfogar den till slutet av att en

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

31
00:01:23,730 --> 00:01:28,460
>> Låt oss nu spara filen, öppna den
i en webbläsare, och se ett hej.

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

33
00:01:33,600 --> 00:01:34,670
>> Det är den formen.

34
00:01:34,670 --> 00:01:36,530
Låt oss gå vidare och skriva in mitt namn.

35
00:01:36,530 --> 00:01:38,530
Följt genom att klicka på Skicka.

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

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

38
00:01:42,410 --> 00:01:43,660
Det är jag.

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