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