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

2
00:00:00,310 --> 00:00:03,130
>> David J. MALAN: Kom ons implementeer 'n web
bladsy wat sê hallo vir 'n gebruiker, saam

3
00:00:03,130 --> 00:00:06,830
die manier waarop die demonstrasie van die DOM, die
dokument voorwerp model, of die boom

4
00:00:06,830 --> 00:00:10,220
struktuur wat werklik is onder die
kap wanneer jy lewer 'n web bladsy.

5
00:00:10,220 --> 00:00:11,440
>> Kom ons neem 'n blik.

6
00:00:11,440 --> 00:00:15,950
Hier, in dom-0.html, sien dat die binnekant
van die bladsye se liggaam, ek het 'n

7
00:00:15,950 --> 00:00:19,860
vorm tag, die unieke identifiseerder vir
wat is, quote unquote, "demo."

8
00:00:19,860 --> 00:00:23,670
Intussen het ek ook 'n onsubmit
skryf, andersins bekend as 'n gebeurtenis

9
00:00:23,670 --> 00:00:28,150
hanteerder, onsubmit, wat bepaal dat
wanneer hierdie vorm ingedien word, 'n

10
00:00:28,150 --> 00:00:30,800
funksie wat blykbaar genoem
groet uitgevoer moet word.

11
00:00:30,800 --> 00:00:32,960
En dan valse moet teruggestuur word.

12
00:00:32,960 --> 00:00:33,830
>> Hoekom vals?

13
00:00:33,830 --> 00:00:36,850
Wel, ek het nie eintlik wil nie in te dien
hierdie vorm om 'n eksterne webbediener in

14
00:00:36,850 --> 00:00:37,810
die tradisionele manier.

15
00:00:37,810 --> 00:00:40,850
Ek wil hê dat die vorm te omseil
Voorlegging en iets te doen met dit

16
00:00:40,850 --> 00:00:42,690
kliënt-kant met behulp van JavaScript.

17
00:00:42,690 --> 00:00:44,010
Inderdaad, sien hier.

18
00:00:44,010 --> 00:00:47,290
Aan die hoof van my web blad, ek het 'n
scripttag, binnekant van wat is die

19
00:00:47,290 --> 00:00:49,420
begin van daardie funksie
genoem groet.

20
00:00:49,420 --> 00:00:51,040
>> Wat wil ek eintlik doen?

21
00:00:51,040 --> 00:00:54,530
Wel, binnekant van Groet, laat ons net
noem die waarskuwing funksie.

22
00:00:54,530 --> 00:00:57,770
En dan druk iets
soos hallo, met 'n ruimte.

23
00:00:57,770 --> 00:01:01,460
En dan koppel op die einde
van dat die gevolg van die roeping

24
00:01:01,460 --> 00:01:08,370
document.getElementById, spesifiseer
spesifiek die unieke identifikasie,

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

26
00:01:10,070 --> 00:01:13,670
>> En spesifiek, wanneer ons gekry het
dat element, die knoop in die boom

27
00:01:13,670 --> 00:01:17,640
wat verteenwoordig die webblad, laat
spesifiek raak dit waarde deur

28
00:01:17,640 --> 00:01:19,320
spesifiseer. waarde.

29
00:01:19,320 --> 00:01:22,060
En dan, net vir die pret, laat
koppel aan die einde van dat 'n

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

31
00:01:23,730 --> 00:01:28,460
>> Kom ons nou hierdie lêer red, maak dit
in 'n leser, en sien 'n hallo.

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

33
00:01:33,600 --> 00:01:34,670
>> Daar is daardie vorm.

34
00:01:34,670 --> 00:01:36,530
Kom ons gaan voort en tik in my naam.

35
00:01:36,530 --> 00:01:38,530
Gevolg deur te kliek Stuur.

36
00:01:38,530 --> 00:01:39,910
En daar sien ons hallo, David!

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

38
00:01:42,410 --> 00:01:43,660
Dit is vir my.

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