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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. Malan: Laten uitvoeren van een web
pagina die hallo zegt aan een gebruiker, samen

3
00:00:03,130 --> 00:00:06,830
de manier tonen de DOM, de
document object model, of de boom

4
00:00:06,830 --> 00:00:10,220
structuur die echt onder de
kap als u renderen van een webpagina.

5
00:00:10,220 --> 00:00:11,440
>> Laten we eens een kijkje nemen.

6
00:00:11,440 --> 00:00:15,950
Hier, in dom-0.html, merken dat binnen
van het lichaam van de pagina's ', ik heb een

7
00:00:15,950 --> 00:00:19,860
form tag, de unieke identificatie voor
dat is, citaat unquote, "demo."

8
00:00:19,860 --> 00:00:23,670
Ondertussen heb ik ook een onsubmit
attribuut, ook wel bekend als evenement

9
00:00:23,670 --> 00:00:28,150
handler, onsubmit, waarin wordt bepaald dat
wanneer dit formulier wordt ingediend, een

10
00:00:28,150 --> 00:00:30,800
functie die blijkbaar heet
greet moet worden uitgevoerd.

11
00:00:30,800 --> 00:00:32,960
En dan vals moet worden geretourneerd.

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

13
00:00:33,830 --> 00:00:36,850
Nou, ik eigenlijk niet willen indienen
dit formulier naar een externe webserver in

14
00:00:36,850 --> 00:00:37,810
de traditionele manier.

15
00:00:37,810 --> 00:00:40,850
Ik wil die vorm te omzeilen
Indiening en er iets mee doen

16
00:00:40,850 --> 00:00:42,690
client-side met behulp van JavaScript.

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

18
00:00:44,010 --> 00:00:47,290
Aan het hoofd van mijn webpagina, ik heb een
script-tag, de binnenkant van dat is de

19
00:00:47,290 --> 00:00:49,420
begin van die functie
genoemd greet.

20
00:00:49,420 --> 00:00:51,040
>> Wat wil ik eigenlijk doen?

21
00:00:51,040 --> 00:00:54,530
Nou, de binnenkant van Greet, laten we gewoon
bellen met de alert functie.

22
00:00:54,530 --> 00:00:57,770
En dan uitprinten iets
zoals hallo, met een spatie.

23
00:00:57,770 --> 00:01:01,460
En dan samenvoegen op het uiteinde
van het resultaat van het aanroepen

24
00:01:01,460 --> 00:01:08,370
document.getElementById, met vermelding van
in het bijzonder de unieke identifier,

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

26
00:01:10,070 --> 00:01:13,670
>> En in het bijzonder, als we eenmaal hebt gekregen
dat element, het knooppunt in de boom

27
00:01:13,670 --> 00:01:17,640
dat vertegenwoordigt deze webpagina, laten we
specifiek te zijn waarde door

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

29
00:01:19,320 --> 00:01:22,060
En dan, gewoon voor de lol, laten we
samenvoegen tot het einde van dat een

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

31
00:01:23,730 --> 00:01:28,460
>> Laten we nu sla dit bestand, open het
in een browser, en je ziet een hallo.

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

33
00:01:33,600 --> 00:01:34,670
>> Er is die vorm.

34
00:01:34,670 --> 00:01:36,530
Laten we verder gaan en typ in mijn naam.

35
00:01:36,530 --> 00:01:38,530
Gevolgd door Submit te klikken.

36
00:01:38,530 --> 00:01:39,910
En daar zien we hello, David!

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

38
00:01:42,410 --> 00:01:43,660
Dat ben ik.

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