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