Дэвід Дж. Малан: Давайце рэалізуем вэб старонка, якая кажа прывітанне да карыстача, разам спосаб дэманстрацыі DOM, аб'ектная мадэль дакумента, або дрэва структура, якая сапраўды знаходзіцца пад капот, калі вы аказваеце вэб-старонкі. 

Давайце зірнем. Тут, у Дом-0.html, звярніце ўвагу, што ўнутры цела старонках ", у мяне ёсць тэг формы, унікальны ідэнтыфікатар што, цытую канец цытаты, "дэма". Між тым, у мяне таксама ёсць OnSubmit атрыбутаў, інакш вядомы як падзея апрацоўшчык, OnSubmit, які паказвае, што калі гэтая форма уяўляецца, Функцыя, які, па-відаць называецца вітаць павінны быць выкананы. А потым хлусня павінны быць вернутыя. 

Чаму не? Ну, я на самой справе не хочаце, каб прадставіць гэтая форма на аддалены вэб-сервер у традыцыйны спосаб. Я хачу, каб абыйсці гэтую форму Прадстаўленне і нешта з ім зрабіць на баку кліента з выкарыстаннем JavaScript. На самай справе, заўважыць тут. На чале маёй вэб-старонцы, у мяне ёсць тэг сцэнара, усярэдзіне якога знаходзіцца Пачатку гэтай функцыі называецца вітаюць. 

Што я на самой справе хачу зрабіць? Ну, унутры фірмы, давайце проста выклікаць функцыю абвесткі. І затым раздрукаваць нешта як прывітанне, з прабелам. І затым злучыце ў канец з што вынік выкліку document.getElementById, паказаўшы спецыяльна унікальны ідэнтыфікатар, цытата канец цытаты, "імя". 

І асабліва, як толькі мы атрымалі што элемент, вузел у дрэве , Які ўяўляе гэтую вэб-старонку, давайце спецыяльна атрымаць гэта значэнне па вызначальнае значэнне .. А потым, проста для задавальнення, давайце аб'ядноўваць на канцы, што Клічнік. 

Давайце зараз захаваць гэты файл, адкрыйце яго ў браўзэры, каб убачыць прывітанне. http://localhost/dom-0.html. 

Там у іншай форме. Давайце пойдзем далей і ўвесці сваё імя. Колы, націснуўшы кнопку Адправіць. І мы бачым, прывітанне, Дэвід! Гэта я.