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

2
00:00:00,310 --> 00:00:03,130
>> David J. MALAN: ipatupad ng isang web Hayaan
pahina na nagsasabing kumusta sa isang gumagamit, kasama ang

3
00:00:03,130 --> 00:00:06,830
ang paraan na nagpapakita ng DOM, ang
dokumento modelo sa bagay, o tree

4
00:00:06,830 --> 00:00:10,220
istraktura na talaga ay sa ilalim ng
hood kapag render mo ang isang web page.

5
00:00:10,220 --> 00:00:11,440
>> Hayaan ang kumuha ng isang hitsura.

6
00:00:11,440 --> 00:00:15,950
Dito, sa DOM-0.html, napansin na ang loob
ng katawan ang mga pahina ', mayroon akong

7
00:00:15,950 --> 00:00:19,860
form na tag, ang natatanging identifier para sa
na kung saan ay, quote magpanipi, "demo."

8
00:00:19,860 --> 00:00:23,670
Samantala, mayroon din akong isang onsubmit
ipatungkol, kung hindi man ay kilala bilang isang kaganapan

9
00:00:23,670 --> 00:00:28,150
handler, onsubmit, na tumutukoy na
kapag ang form na ito ay isinumite, isang

10
00:00:28,150 --> 00:00:30,800
pag-andar na tila tinatawag na
batiin dapat na pinaandar.

11
00:00:30,800 --> 00:00:32,960
At pagkatapos ay hindi totoo dapat na ibinalik.

12
00:00:32,960 --> 00:00:33,830
>> Bakit hindi totoo?

13
00:00:33,830 --> 00:00:36,850
Well, huwag talagang gusto kong isumite
ang form na ito sa isang remote Web server sa

14
00:00:36,850 --> 00:00:37,810
ang tradisyunal na paraan.

15
00:00:37,810 --> 00:00:40,850
Gusto kong iwasan form na iyon
Pagsusumite at gawin ang isang bagay na may ito

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

17
00:00:42,690 --> 00:00:44,010
Sa katunayan, mapapansin dito.

18
00:00:44,010 --> 00:00:47,290
Sa ulo ng aking web page, mayroon akong
script tag, sa loob ng kung saan ay ang

19
00:00:47,290 --> 00:00:49,420
Beginnings ng na-andar
tinatawag bumati.

20
00:00:49,420 --> 00:00:51,040
>> Ano ang gusto ko talaga sa ko?

21
00:00:51,040 --> 00:00:54,530
Well, sa loob ng bumati, sabihin lamang
tawagan ang function ng alerto.

22
00:00:54,530 --> 00:00:57,770
At pagkatapos ay i-print ang isang bagay
tulad ng kumusta, gamit ang isang puwang.

23
00:00:57,770 --> 00:01:01,460
At pagkatapos ay pagdugtungin papunta sa dulo
ng na ang resulta ng pagtawag

24
00:01:01,460 --> 00:01:08,370
document.getElementByID, pagtukoy
partikular na ang natatanging identifier,

25
00:01:08,370 --> 00:01:10,070
quote magpanipi, "pangalan."

26
00:01:10,070 --> 00:01:13,670
>> At partikular, sa sandaling na nakuha namin
elemento na iyon, ang node sa tree

27
00:01:13,670 --> 00:01:17,640
na kumakatawan sa web page na ito, sabihin
partikular na makakuha ng ito ay halaga sa pamamagitan ng

28
00:01:17,640 --> 00:01:19,320
Ang pagtukoy sa halaga..

29
00:01:19,320 --> 00:01:22,060
At pagkatapos, katuwaan lang, sabihin
pagdugtungin sa sa dulo ng na ang isang

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

31
00:01:23,730 --> 00:01:28,460
>> Hayaan ang i-save ni ngayon ang file na ito, buksan ito
sa isang browser, at makakita ng isang halo.

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

33
00:01:33,600 --> 00:01:34,670
>> Mayroong form na iyon.

34
00:01:34,670 --> 00:01:36,530
Sabihin sige at i-type sa aking pangalan.

35
00:01:36,530 --> 00:01:38,530
Sinunod sa pamamagitan ng pag-click sa Isumite.

36
00:01:38,530 --> 00:01:39,910
At doon nakita namin kumusta, si David!

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

38
00:01:42,410 --> 00:01:43,660
Iyon lang sa akin.

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