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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Katsotaanpa toteuttamaan web
sivu, joka sanoo hei käyttäjä, pitkin

3
00:00:03,130 --> 00:00:06,830
tapa osoittaa DOM,
Document Object Model, tai puu

4
00:00:06,830 --> 00:00:10,220
rakenne, joka todella on alla
huppu kun tekevät web-sivun.

5
00:00:10,220 --> 00:00:11,440
>> Katsotaanpa katsomaan.

6
00:00:11,440 --> 00:00:15,950
Täällä dom-0.html, huomaa että sisällä
Sivujen ruumista minulla on

7
00:00:15,950 --> 00:00:19,860
muodossa tag, yksilöllinen tunniste
joka on lainaus lainaus, "demo".

8
00:00:19,860 --> 00:00:23,670
Samalla olen myös onsubmit
Yhdistän, joka tunnetaan myös tapahtuma

9
00:00:23,670 --> 00:00:28,150
ohjaaja, onsubmit, jossa täsmennetään, että
kun tämä lomake lähetetään,

10
00:00:28,150 --> 00:00:30,800
toiminto, joka on ilmeisesti nimeltään
tervehtiä tulisi suorittaa.

11
00:00:30,800 --> 00:00:32,960
Ja sitten vääriä tulisi palauttaa.

12
00:00:32,960 --> 00:00:33,830
>> Miksi väärä?

13
00:00:33,830 --> 00:00:36,850
No, en oikeastaan ​​halua toimittaa
Tällä lomakkeella voit kauko www-palvelin

14
00:00:36,850 --> 00:00:37,810
perinteisellä tavalla.

15
00:00:37,810 --> 00:00:40,850
Haluan kiertää kyseisessä muodossa
toimittamista ja tehdä jotain sen kanssa

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

17
00:00:42,690 --> 00:00:44,010
Todellakin, huomaa täällä.

18
00:00:44,010 --> 00:00:47,290
Kärjessä minun web-sivun, minulla on
komentosarjatunnus, jonka sisällä on

19
00:00:47,290 --> 00:00:49,420
alkuja, että toiminto
nimeltään tervehtiä.

20
00:00:49,420 --> 00:00:51,040
>> Mitä todella haluat tehdä?

21
00:00:51,040 --> 00:00:54,530
No, sisällä tervehtiä, nyt yksinkertaisesti
soita hälytystoiminto.

22
00:00:54,530 --> 00:00:57,770
Ja sitten tulostaa jotain
kuten hei, välilyönnillä.

23
00:00:57,770 --> 00:01:01,460
Ja liität kiinni loppuun
Tämän seurauksena kutsuvan

24
00:01:01,460 --> 00:01:08,370
document.getElementById, täsmennetään
nimenomaan yksilöllinen tunniste,

25
00:01:08,370 --> 00:01:10,070
lainaus lainaus, "nimi."

26
00:01:10,070 --> 00:01:13,670
>> Ja erityisesti, kun olemme saaneet
että elementti, solmu puussa

27
00:01:13,670 --> 00:01:17,640
joka edustaa tällä sivulla, katsotaanpa
nimenomaan saada sen arvoa

28
00:01:17,640 --> 00:01:19,320
täsmennetään. arvoa.

29
00:01:19,320 --> 00:01:22,060
Ja sitten, vain huvin vuoksi, katsotaanpa
liität päälle loppuun, että

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

31
00:01:23,730 --> 00:01:28,460
>> Katsotaanpa nyt tallentaa tämän tiedoston, avaa se
selaimessa, ja katso hei.

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

33
00:01:33,600 --> 00:01:34,670
>> On siinä muodossa.

34
00:01:34,670 --> 00:01:36,530
Mennään eteenpäin ja kirjoita nimeäni.

35
00:01:36,530 --> 00:01:38,530
Jälkeen klikkaamalla Lähetä.

36
00:01:38,530 --> 00:01:39,910
Ja siellä näemme Hei, David!

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

38
00:01:42,410 --> 00:01:43,660
Se olen minä.

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