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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J. MALAN: Mari kita melaksanakan web
halaman yang mengatakan khabar kepada pengguna, bersama-sama

3
00:00:03,130 --> 00:00:06,830
cara menunjukkan DOM, yang
dokumen model objek, atau pokok

4
00:00:06,830 --> 00:00:10,220
struktur yang benar-benar adalah di bawah
hud apabila anda memberikan laman web.

5
00:00:10,220 --> 00:00:11,440
>> Mari kita melihat.

6
00:00:11,440 --> 00:00:15,950
Di sini, dalam dom-0.html, melihat bahawa di dalam
badan halaman ', saya mempunyai

7
00:00:15,950 --> 00:00:19,860
bentuk tag, pengecam unik untuk
yang, quote unquote, "demo."

8
00:00:19,860 --> 00:00:23,670
Sementara itu, saya juga mempunyai satu onsubmit
atribut, atau dikenali sebagai acara

9
00:00:23,670 --> 00:00:28,150
pengendali, onsubmit, yang menyatakan bahawa
apabila borang ini dihantar, yang

10
00:00:28,150 --> 00:00:30,800
fungsi yang yang nampaknya dipanggil
menyambut perlu dilaksanakan.

11
00:00:30,800 --> 00:00:32,960
Dan kemudian palsu perlu dikembalikan.

12
00:00:32,960 --> 00:00:33,830
>> Mengapa palsu?

13
00:00:33,830 --> 00:00:36,850
Well, saya tidak benar-benar mahu menyerahkan
borang ini untuk pelayan Web jauh di

14
00:00:36,850 --> 00:00:37,810
cara tradisional.

15
00:00:37,810 --> 00:00:40,850
Saya mahu memintas bentuk yang
dikemukakan dan melakukan sesuatu dengan ia

16
00:00:40,850 --> 00:00:42,690
pelanggan-sampingan menggunakan JavaScript.

17
00:00:42,690 --> 00:00:44,010
Malah, notis di sini.

18
00:00:44,010 --> 00:00:47,290
Di kepala laman web saya, saya mempunyai
skrip tag, di dalam yang merupakan

19
00:00:47,290 --> 00:00:49,420
permulaan fungsi yang
dipanggil Sambut.

20
00:00:49,420 --> 00:00:51,040
>> Apa yang saya benar-benar ingin lakukan?

21
00:00:51,040 --> 00:00:54,530
Nah, di dalam Sambut, mari kita hanya
memanggil fungsi amaran.

22
00:00:54,530 --> 00:00:57,770
Dan kemudian mencetak sesuatu
seperti hello, dengan ruang.

23
00:00:57,770 --> 00:01:01,460
Dan kemudian concatenate ke akhirnya
itu hasil daripada memanggil

24
00:01:01,460 --> 00:01:08,370
document.getElementByID, dengan menyatakan
khusus pengecam unik,

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

26
00:01:10,070 --> 00:01:13,670
>> Dan secara khusus, sebaik sahaja kami telah mendapat
elemen itu, nod dalam pokok

27
00:01:13,670 --> 00:01:17,640
yang mewakili laman web ini, mari kita
khusus mendapatkan nilai itu oleh

28
00:01:17,640 --> 00:01:19,320
. nilai menyatakan.

29
00:01:19,320 --> 00:01:22,060
Dan kemudian, hanya untuk keseronokan, mari kita
concatenate ke akhir sesuatu yang

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

31
00:01:23,730 --> 00:01:28,460
>> Sekarang mari kita simpan fail ini, buka ia
dalam pelayar, dan melihat hello a.

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

33
00:01:33,600 --> 00:01:34,670
>> Ada borang itu.

34
00:01:34,670 --> 00:01:36,530
Mari kita teruskan dan taip nama saya.

35
00:01:36,530 --> 00:01:38,530
Diikuti dengan klik Hantar.

36
00:01:38,530 --> 00:01:39,910
Dan ada kita lihat hello, David!

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

38
00:01:42,410 --> 00:01:43,660
Itulah saya.

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