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