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

2
00:00:00,310 --> 00:00:03,130
>> DAVID J.馬蘭：讓我們實現Web
頁面打招呼給用戶，沿

3
00:00:03,130 --> 00:00:06,830
的方式展示了DOM的
文檔對象模型，還是樹

4
00:00:06,830 --> 00:00:10,220
結構，它真的是下面的
當您呈現一個網頁罩。

5
00:00:10,220 --> 00:00:11,440
>> 讓我們一起來看看。

6
00:00:11,440 --> 00:00:15,950
在這裡，在DOM-0.html，發現裡面
本頁面的身體，我有一個

7
00:00:15,950 --> 00:00:19,860
形式標記，用於唯一標識
這是，報價引文結束，“演示”。

8
00:00:19,860 --> 00:00:23,670
同時，我也有一個onsubmit的
屬性，否則稱為一個事件

9
00:00:23,670 --> 00:00:28,150
處理程序，onsubmit的，它指定
當這個表單被提交時，

10
00:00:28,150 --> 00:00:30,800
函數的所謂明顯
迎接應該被執行。

11
00:00:30,800 --> 00:00:32,960
然後假應該返回。

12
00:00:32,960 --> 00:00:33,830
>> 為什麼假的？

13
00:00:33,830 --> 00:00:36,850
好吧，我實際上並不想提交
這種形式在遠程Web服務器

14
00:00:36,850 --> 00:00:37,810
的傳統方式。

15
00:00:37,810 --> 00:00:40,850
我想規避形式
提交並用它做什麼

16
00:00:40,850 --> 00:00:42,690
客戶端使用JavaScript。

17
00:00:42,690 --> 00:00:44,010
事實上，注意到這裡。

18
00:00:44,010 --> 00:00:47,290
在我的網頁的頭部，我有一個
腳本標籤，其中裡面的是

19
00:00:47,290 --> 00:00:49,420
該函數的開始
所謂映入眼簾。

20
00:00:49,420 --> 00:00:51,040
>> 什麼是我真正想要做什麼？

21
00:00:51,040 --> 00:00:54,530
好了，映入眼簾的內部，讓我們簡單地
打電話報警功能。

22
00:00:54,530 --> 00:00:57,770
然後打印出來的東西
像你好，有一個空格。

23
00:00:57,770 --> 00:01:01,460
然後串連到年底
那調用的結果

24
00:01:01,460 --> 00:01:08,370
的document.getElementById，指定
具體的唯一標識符，

25
00:01:08,370 --> 00:01:10,070
報價引文結束，“名”。

26
00:01:10,070 --> 00:01:13,670
>> 具體而言，一旦我們得到
該元素在樹中的節點

27
00:01:13,670 --> 00:01:17,640
代表這個網頁，讓我們
特別是得到它的值由

28
00:01:17,640 --> 00:01:19,320
指定。值。

29
00:01:19,320 --> 00:01:22,060
然後，只是為了好玩，讓我們
串連上，一個月底

30
00:01:22,060 --> 00:01:23,730
感嘆號。

31
00:01:23,730 --> 00:01:28,460
>> 現在讓我們保存這個文件，打開它
在瀏覽器中，並看到一個招呼。

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

33
00:01:33,600 --> 00:01:34,670
>> 有這種形式。

34
00:01:34,670 --> 00:01:36,530
讓我們繼續前進，輸入我的名字。

35
00:01:36,530 --> 00:01:38,530
依次點擊提交。

36
00:01:38,530 --> 00:01:39,910
我們在那裡看到你好，大衛！

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

38
00:01:42,410 --> 00:01:43,660
這就是我。

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