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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Lad os implementere en web
side, der siger goddag til en bruger, sammen

3
00:00:03,130 --> 00:00:06,830
den måde demonstrerer DOM, den
dokument objekt model, eller træet

4
00:00:06,830 --> 00:00:10,220
struktur, der virkelig er under
hætte, når du gør en webside.

5
00:00:10,220 --> 00:00:11,440
>> Lad os tage et kig.

6
00:00:11,440 --> 00:00:15,950
Her, i dom-0.html, bemærke, at inde
af siderne 'krop, jeg har en

7
00:00:15,950 --> 00:00:19,860
formular tag, den entydige identifikator for
der er, citat citat slut, "demo".

8
00:00:19,860 --> 00:00:23,670
I mellemtiden har jeg også en onSubmit
attribut, også kendt som en begivenhed

9
00:00:23,670 --> 00:00:28,150
handleren, onSubmit, som præciserer, at
når denne formular er forelagt, en

10
00:00:28,150 --> 00:00:30,800
funktion, der er tilsyneladende kaldet
hilse skal udføres.

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

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

13
00:00:33,830 --> 00:00:36,850
Tja, jeg faktisk ikke ønsker at indsende
denne formular til en ekstern webserver i

14
00:00:36,850 --> 00:00:37,810
den traditionelle måde.

15
00:00:37,810 --> 00:00:40,850
Jeg ønsker at omgå denne form
underkastelse og gøre noget med det

16
00:00:40,850 --> 00:00:42,690
client-side ved hjælp af JavaScript.

17
00:00:42,690 --> 00:00:44,010
Faktisk bemærke her.

18
00:00:44,010 --> 00:00:47,290
I spidsen af ​​min webside, jeg har en
script-tag, inden i hvilken er

19
00:00:47,290 --> 00:00:49,420
begyndelsen af ​​denne funktion
kaldet greet.

20
00:00:49,420 --> 00:00:51,040
>> Hvad skal jeg rent faktisk ønsker at gøre?

21
00:00:51,040 --> 00:00:54,530
Nå, indersiden af ​​greet, lad os bare
kalde alarm funktion.

22
00:00:54,530 --> 00:00:57,770
Og så udskrive noget
ligesom goddag, med et mellemrum.

23
00:00:57,770 --> 00:01:01,460
Og derefter sammenkæde på enden
af, at resultatet af at kalde

24
00:01:01,460 --> 00:01:08,370
document.getElementById angivelse
specielt den unikke identifikationskode,

25
00:01:08,370 --> 00:01:10,070
citat citat slut, "navn".

26
00:01:10,070 --> 00:01:13,670
>> Og specielt når vi har fået
dette element node i træet

27
00:01:13,670 --> 00:01:17,640
der repræsenterer denne webside, lad os
specifikt får den værdi af

28
00:01:17,640 --> 00:01:19,320
præciserer. værdi.

29
00:01:19,320 --> 00:01:22,060
Og så, bare for sjov, lad os
sammenkæde til slutningen af, at en

30
00:01:22,060 --> 00:01:23,730
udråbstegn.

31
00:01:23,730 --> 00:01:28,460
>> Lad os nu gemme denne fil, åbne den
i en browser, og se et hej.

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

33
00:01:33,600 --> 00:01:34,670
>> Der er denne form.

34
00:01:34,670 --> 00:01:36,530
Lad os gå videre og skrive i mit navn.

35
00:01:36,530 --> 00:01:38,530
Efterfulgt ved at klikke på Send.

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

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

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

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