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

2
00:00:00,310 --> 00:00:03,130
>> Девід Дж. Малан: Давайте реалізуємо веб
сторінка, яка говорить привіт до користувача, поряд

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
Тут, в Дом-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
Ну, я насправді не хочете, щоб представити
ця форма на віддалений веб-сервер в

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