JavaScript и jQuery. Интерактивная веб-разработка

641 Pages·2017·36.957 MB·Russian

by  Джон Дакетт

мировой
компьютерный
бестселлер
John Duckett
Самый полный гид
по созданию современных сайтов
Interactive Front-End Web Development
WILEY
Джон Дакетт
Самый полный гид
по созданию современных сайтов
Интерактивная веб-разработка
МОСКВА
2017
ÓÄÊ 004.43
ÁÁÊ 32.973.26-018.1
Ä14
Jon Duckett
JAVASCRIPT & JQUERY: INTERACTIVE FRONT-END WEB DEVELOPMENT
© by John Wiley & Sons, Inc., Indianapolis, Indiana. All Rights Reserved.
Published Under License with the original publisher John Wiley & Sons, Inc.
Äàêåòò, Äæîí.
Ä14 JavaScript è jQuery. Èíòåðàêòèâíàÿ âåá-ðàçðàáîòêà / Äæîí Äà-
êåòò ; [ïåð. ñ àíãë. Ì.À. Ðàéòìàíà]. — Ìîñêâà : Èçäàòåëüñòâî «Ý»,
2017. — 640 ñ. : èë. — (Ìèðîâîé êîìïüþòåðíûé áåñòñåëëåð).
Ýòà êíèãà — ñàìûé ïðîñòîé è èíòåðåñíûé ñïîñîá èçó÷èòü JavaScript è jQuery.
Íåçàâèñèìî îò ñòîÿùåé ïåðåä âàìè çàäà÷è — ñïðîåêòèðîâàòü è ðàçðàáîòàòü âåá-ñàéò
ñ íóëÿ èëè ïîëó÷èòü áîëüøå êîíòðîëÿ íàä óæå ñóùåñòâóþùèì ñàéòîì — ýòà êíèãà ïî-
ìîæåò âàì ñîçäàòü ïðèâëåêàòåëüíûé, äðóæåëþáíûé ê ïîëüçîâàòåëþ âåá-êîíòåíò. Ïðî-
ñòîé âèçóàëüíûé ñïîñîá ïîäà÷è èíôîðìàöèè ñ ïîíÿòíûìè ïðèìåðàìè è íåáîëüøèì
ôðàãìåíòîì êîäà çíàêîìèò ñ íîâîé òåìîé íà êàæäîé ñòðàíèöå. Âû íàéäåòå ïðàêòè-
÷åñêèå ñîâåòû î òîì, êàê îðãàíèçîâàòü è ñïðîåêòèðîâàòü ñòðàíèöû âàøåãî ñàéòà, è
ïîñëå ïðî÷òåíèÿ êíèãè ñìîæåòå ðàçðàáîòàòü ñâîé âåá-ñàéò ïðîôåññèîíàëüíîãî âèäà è
óäîáíûé â èñïîëüçîâàíèè.
ÓÄÊ 004.43
ÁÁÊ 32.973.26-018.1
Âñå ïðàâà çàùèùåíû. Êíèãà èëè ëþáàÿ åå ÷àñòü íå ìîæåò áûòü ñêîïèðîâàíà, âîñïðîèçâåäåíà â ýëåêòðîííîé èëè
ìåõàíè÷åñêîé ôîðìå, â âèäå ôîòîêîïèè, çàïèñè â ïàìÿòü ÝÂÌ, ðåïðîäóêöèè èëè êàêèì-ëèáî èíûì ñïîñîáîì, à òàêæå
èñïîëüçîâàíà â ëþáîé èíôîðìàöèîííîé ñèñòåìå áåç ïîëó÷åíèÿ ðàçðåøåíèÿ îò èçäàòåëÿ. Êîïèðîâàíèå, âîñïðîèçâåäåíèå è
èíîå èñïîëüçîâàíèå êíèãè èëè åå ÷àñòè áåç ñîãëàñèÿ èçäàòåëÿ ÿâëÿåòñÿ íåçàêîííûì è âëå÷åò óãîëîâíóþ, àäìèíèñòðàòèâíóþ
è ãðàæäàíñêóþ îòâåòñòâåííîñòü.
Ïðîèçâîäñòâåííî-ïðàêòè÷åñêîå èçäàíèå
ÌÈÐÎÂÎÉ ÊÎÌÏÜÞÒÅÐÍÛÉ ÁÅÑÒÑÅËËÅÐ
Äæîí Äàêåòò
JAVASCRIPT È JQUERY
ÈÍÒÅÐÀÊÒÈÂÍÀß ÂÅÁ-ÐÀÇÐÀÁÎÒÊÀ
Äèðåêòîð ðåäàêöèè Å. Êàïü¸â
Îòâåòñòâåííûé ðåäàêòîð Å. Èñòîìèíà
Õóäîæåñòâåííûé ðåäàêòîð À. Ãóñåâ
 îôîðìëåíèè ïåðåïëåòà èñïîëüçîâàíà ôîòîãðàôèÿ:
-strizh- / Shutterstock.com
Èñïîëüçóåòñÿ ïî ëèöåíçèè îò Shutterstock.com
ООО «Издательство «Э»
123308, Москва, ул. Зорге, д. 1. Тел. [phone].
(cid:22)ндіруші: «Э» А(cid:27)Б Баспасы, 123308, М(cid:31)скеу, Ресей, Зорге к#шесі, 1 $й.
Тел. [phone].
Тауар белгісі: «Э»
(cid:27)аза&стан Республикасында дистрибьютор ж(cid:31)не #нім бойынша арыз-талаптарды &абылдаушыны7
#кілі «РДЦ-Алматы» ЖШС, Алматы &., Домбровский к#ш., 3«а», литер Б, офис 1.
Тел.: [phone]/92, факс: [phone] вн. 107.
(cid:22)німні7 жарамдылы& мерзімі шектелмеген.
Сертификация туралы а&парат сайтта (cid:22)ндіруші «Э»
Сведения о подтверждении соответствия издания согласно законодательству РФ
о техническом регулировании можно получить на сайте Издательства «Э»
(cid:22)ндірген мемлекет: Ресей
Сертификация &арастырылмаHан
Ïîäïèñàíî â ïå÷àòü 09.03.2017. Ôîðìàò 70x1001/ .
16
Ïå÷àòü îôñåòíàÿ. Óñë. ïå÷. ë. 51,85.
Òèðàæ ýêç. Çàêàç
© Райтман М.А.,перевод на русский язык, 2017
ISBN 978-5-699-80285-2 © Оформление. ООО «Издательство «Э», 2017
ОГЛАВЛЕНИЕ
Введение 7
Глава 1. Основы программирования 17
Глава 2. Основные команды JavaScript 59
Глава 3. Функции, методы, объекты 91
Глава 4. Решения и циклы 151
Глава 5. Объектная модель документа 189
Глава 6. События 249
Глава 7. jQuery 299
Глава 8. Ajax и JSON 373
Глава 9. API-интерфейсы 415
Глава 10. Обработка ошибок и отладка 455
Глава 11. Панели контента 493
Глава 12. Фильтрация, поиск и сортировка 533
Глава 13. Валидация и улучшение форм 573
Указатель 629
ЗАГРУЗКА Файлы примеров для этой книги вы
КОДА
можете загрузить на сайте
https://eksmo.ru/files/js_jquery.rar
5
ВВЕДЕНИЕ
Эта книга рассказывает о том, как в брау-
зере может использоваться язык JavaScript .
Код JavaScript помогает делать сайты более
интерактивными, интересными и удобными
для пользователя. Кроме того, вы познакоми-
тесь с библиотекой jQuery , которая значительно
упрощает программирование на JavaScript.
Чтобы изучить эту книгу максимально эффективно, читатель должен
уметь создавать веб-страницы и верстать их с использованием языков
HTML и CSS. Никакого другого дополнительного опыта программирова-
ния не требуется. Чтобы научиться программировать на JavaScript, вам
понадобится следующее.
1 2 3
Понимать некоторые Изучить сам язык. Как Освоить применение
базовые концепции и в случае с любым языка JavaScript. Для
программирования, другим языком, вы этого в книге при-
а также термины, ис- должны будете освоить ведено множество
пользуемые в языке «словарь» JavaScript примеров, демонстри-
JavaScript. и научиться строить рующих, как сегодня
«фразы». используется JavaScript.
Для работы с книгой вам понадобится только компьютер, на котором
установлен современный веб-браузер , а также ваш любимый текстовый
редактор для написания кода — например, Блокнот (Notepad), TextEdit,
Sublime Text или Coda.
8 ВВЕДЕНИЕ
СОЗДАНИЕ ОБЪЕКТОВ
1 СПКОООНЗМДСОАТЩРНУИИК ЕСТ ИООНБРТЪААЕККСТИОСВА П РИ И ПДООМСКТООУЩНПСИ КТ Н РНОУИТКМАТ ЦОПИРРАИИ
МИПРОРООСВГНАРОНАВИМЫЯ- ПкзцбИреЧим атзенкуиросу ая дса чяктJезми акaуеымжвокгоvкт отооиадрaем с нр Jе нсSеaаAпницаоvпc оеврaчист,rныS скоеьсiаc,ааp rрвсммгткitиыpь ряс й.tо итм.ав асто мывч жрин иемтенетьтне аикбКрм апырыуаориетак рчзтр оуоьвеаезиео.в нхе емттриорамгдеуреынс иоатсеттиBюем,оььх ит я вкк и лвпо р аси к мнлик амиаапелсзншьдк ыюандуюе еютмттее ечзщ аь-олаеик дбакмвоаКдоххч ыгвалиол дкяэ омас д нвв тгниаеаииооспбампм и-й.к. ос сяВОл тооа гCзрьнтнл нзаиьыпон хцасивои -цбвеа цеу-ныыпдниа.е--.рт ий ВпкпhПесЕлснзпДсинкоНисАззинcоhоснваватт м oбриуиаиомсноалвчвилпкоонeваспзtътисиспасуыеяеe уc:чтйвайиисаьао еи лрл рнпфlшп hоkое натц ссснл.кэ кеиоуеиопрAoбрйннуатитиыттьеа гмз мрсоиtвунвр тиоиоvоязюпико .eотибекь,саaкато ягоемирч бlм,озт в роътiе ц.щ вщиринеитlnимъ.дочоаa ,елеиаомо- аовaхее кидмарbитеклятпичбб mе нкяун одтбiлавть и рефнlоъсдтк и одiи ауаялeзобтистtол тоееуядд сяю аyая.обоооу пе екннн п т уа( дкиъ зчж нотниодтснкиса)р:т дсе.ме буаисл.сцтуе окзh иляпчак вжъпрмуе иеммoмижэю нееточотеутнинt тм оарут—ее йeрекбккле вои сжюне,оlент-тиыьм в .х язеоа-д-и нем а -реяо- - а c3vhhhh }vgevgec/jaoooo ;aelaelhsrtttt rtNrtRe/ eeee Ea Eocohllllrelmelokbjo....eleelemAetnrbctNm.Rmsvceaoohuaetoe.atlmooermneonti-c emkcnetxmtelo= sek BtsBxan = dAt=yC ytbsn = vh Io=ICitre' =aiddn doluwÏ1 iso(td(nic ë27l.c'eo'tttOÿ07aruhncreyorbæ;;bomotuon(.j'ioet mot)je;lmne=em ;scistl ns=tt .Nht' (y-ao.)h) mt;o;=teet h'lefi).lus;n.n.acbmtoeio;okne(dJ);A РV{ ЕAЗSУCЛRЬIТPАTТ РJЕAЗVУAЛf }vvví cvgeví cvgeSu aaaî haelaî haelЬCntttt }rrrì ertHrì ertHТRchhhh å c Eo å c Eo;АItiiiirqpdðdkeltdðdkeltТPisssseuaeîeAleeeîeAleeTo....tartâtvHmltâtvHmlnnrbcuyka:aaoe1a:aaoe2 aoohrHHi iitn.i iitn.Hmooenool'llettl'llettoemkc tts;salBes;salBet sektee11b1yx22b2yxe= dAhll i It i Itl = vi =+l=dC=+l=dC(n =as== =i (o =i (onar i. q td'np td'namoblrnnuqyohtapyohtmeooaoeeau(coera(coee;mobowwya)utnkr)utn,skim Hy;metHk;met ;elsHHoHel oHel rdi ooton1=ton2=o;t-ttett' ett' oy eele.)dle.)dcm tll.l;e.l;e0s=h((n.tn.t3, i''aaaa/ fsÒÏmimijbu.óëelelsonbëÿ s s/ocoàæ+1+2mukto'' ; ;leik,,''tdoe ,,i)nd41 p (;02ññl{),0ââe ,îî-o{2 ááb57îîj)7ääe;)ííc;îît s.js ЧлмднсмсрСсшсртерСощикклВоосHммДдсозсВбснкОдк ооиооокыамрвтт тбббаяаиаоооаатлноTиплоопсеемаао рптоейзддп еовтве ърмвйеязваооMлмрржооеясосбтоелдуля бтьлаее тбаи д ачеаттж т.реадбеьес—длеекдт рк,ньстаLя.рротяыщахекеаВр и с дсалръноо-теопаюмктПауяроью,жжд елтмлв и ятк цгуео ое ннбооажодоло зяю упмоттне щеанюпоо ьтмаию идэквй ееткара ту,агиосовдср дн кос есде щткфт,я мв ен мпм иев очамщя хч«ив,носкасвя яолтср сдаз нлейлр штмд му+адеыПото стхка лыо икегпяняее-еподпоемюсеонлярч= оеятвобдоиопте н лоеемамсййосвруолнмянб нко яалу й соло тд рж иркявк« п поткаожп тисаеепицссе рнохя япеедьоб уТеожэецупартр ентбдрз. нолт ялиеэ йыи.рклпелуюнтидомйпе взриирлвъор»енаио я к оя цлрояоокимыпти тыелсннимащаме, енздоеа тзр ооеавегемьзчр ктоляыоатхннч йванвтекянксыоеес»,:бмснаилове иба ят иоаииве.еехтмн,тсывн рр.нл. я пр тйаняспкаеъмДеэе игщакнатцеоатоаеявд емепитмах о-дцтртснсетсм впсеозуяеам седновл.и-- гимкоеси итктн .-и -р-,нл-ит ооут- яое язхвти-от-ыиясеа.е -н-- ,оуа,й я--е т--в-.
18ОСНОВЫ ПРОГРАММ ИРОВАНИЯ 116ФУНКЦИИ, МЕТОДЫ, ОБЪЕКТЫ ФУНКЦИИ, МЕТОДЫ, ОБЪЕКТЫ117
Каждая глава начинается с введе- На справочных страницах представ-
ния, в котором перечисляются все ее лены основные элементы JavaScript.
основные темы HTML-код выделен синим цветом,
CSS-код — розовым, JavaScript-код —
зеленым
ДОСТУП К ЭЛЕМЕНТАМ МЕТОДЫ, ВОЗВРАЩАЮЩИЕ ВСЕГО ОДИН УЗЕЛ ЭЛЕМЕНТА
ИмнгэснГЕуNцбсимНомбЗоуи лстзуубоениРанoзууезабрхлддленлмтюап dорУкм аимаееенасплрпeга ъосну,тт рПеддлорLеи мцнпт зиоетрмiауаввонемиПsокелиоцс тчсостtятур твеоосдукеоьеаЫ,зоор оеркввню пгянвмво .иgетсдте, оа рх р н( щдeблвнУн)—. чп меа еоt.ниусиое ииNкEуЗдщВмд еееон мснlнсйвсаeитгоЛж ак аат сауфдoтмDсmвнобктьепе еОааяэаро хл ь т рdэтeнвд элсоOа вьво Влсоnиулвла едгыкоeбэяеtбмжеяжем моилзsр мMЭмърюсмL енBевмеееаэ е неЛр 0ощyриенмнлтiвокуhlнT, sа, мнитте вЕ етитэaвтмвкщ1iутутмы tень,йтgсМNаы ы ь ссн(от ,аееб Nкбссoдто от е йЕенр lпоaзояопвdiервмт тажоаmлН кбв eлавп меотэ рг о еоLтиинсоасeТвьолалеiйееетнидтп( s елОес имл г)гьоьtдцраксотмаз .ео додв оюВеыегкив ,к ес ргснклк дв)пкщсцвнпсуе су.олеиеооо иhтитlгВупигел)е дтхэд иh со.пй2кi(едтрна1 к арн-у он рао ан у---у-в на--b лdуoiятdvюьyКЕкткнонсgпоаврЗнипксбпм оосаруттeодудцоыаиооенощеР р рлздtб ассеэмсеицтuнумlнпEАадаииптуутикесннызатунll.iтичноою eтьробр и лТ ов тиКэвиь иа мmлиулеатвывщивылЧтсайайзьцтсьеь о у енeяе дшкв кшекэа уАзвтап зм,n мн ел уг еобпеохдтевср iуиtЙоарd иетс евоорэзеBйрнзипй е о.нмьньалдмаврyи а лШамо лсПв митптваеIар ещмеыудбтсdееь рмуиsсенванес ерИ сте (эрсе —ат Dлне бттоэаcб)ркакнлянаьвмЙ ео ооолOлаыонDаб не lrыд элйс,двйтезьзнни ыMмосOтд аоиiiа.М ымлнаевик цст о с,С елдMтш яо срpвцрхкеемпDэ тАьнняохп пееаеы,надьтрр.t.O ыет оср итмютэ РиткНоаотмссумт еоMнтсаовмв слте,олШаув о дкыы л,иисивт деу-п п леоогсмк л измуедлсчекр нрортРмтакапсчиеитооар ио аана кезтпУь.еаьэт емтж ббмвнеинрс Ср сблоо,скакоТр лт аиеалееттоеедера т таех эчтобеэрвецйссмэойыроожл нелдуо,леллмчмт иесм деинмеие еу.оаеи у пбанб мииятКм ню мсм езвскуоутуюс те аыетэлеыщснто аедтсяьмиконл ниро жамно е тi ин д-е dвтмвасбтотн,хт ,-ы . - ы л-уо е ьм -- qИбсПC gВзqПCтс gВcмПCтсМО qИовПC gВУПи ооlаыыыыдuол hhhhоооооссзооaеиueeueБЕнррeлииrrrrппайддддддддsшштсooooныыrе нsТпЪооо еееettetдддддквиymmmmииы.е ххрдлллллоО еееееыиSзЕИбб rEErE мо ььяяяeeeeмэрррррбб eлршккрДсКззс лееежжжжжррl и4444аyllylоааиeекууоетттеааЫТ бкккккг,,,,ммоcзмееб м ,мSeeSeууонокOOOO аааааоtуОмттвоииеозз,o .д аетл H ppppбббббсemmemл))ссынеенr ВаВинь..сеeeeeрррррAииеT ррекйетнтleele тrrrrО аааааеннMвlмоорат оaaaaN рlHууууу итт(е ввennenтеэ в ЗбаL1111ззззз)таалрTO олт -0000ээ.ныеееееиеВккcttctискMнветт ирррррс гсDсииииои ,ывмРооб аtsstBцииаааааLтснллллиотт-йEо.Аемммммерссо иииит кз oBBoyЭ Cлнаа еLэоеоCиииииC ввЩввввтетттhелнтryyrIнсрI:::::SSоыыыырро еrS,веIIIIIтетаSS onnnnnт АиивчATC(dшшшшема эеTщ-- эmttttt.еббмт лсс нeeeeeЮделееееЭlal'()мууасеееeтrrrrrе н..оет((тттеnnnnnллм ,lgac'ттмЩqд лвво втFeeeeeееппо е uжот упiеббttttt(Nssèкквоодrн e люоИнемооeEEEEEттсдд тr'assäжр нооfтxxxxxллещзyддеЕоoаыppppp р рееенSтбэèmN-åеевxиб lllllоноее,eаолОы ррooooo, хоп о ввìeañílчдSерржжrrrrrи eттоб,з,Дeeeeeеa м аа мьcваииÿ(måò впалrrrrrнfзнн tИое еaыввтепоа58698иoннн 'eëèтнзrааатзрдд,.r,,,юаНiии 5вктAьеев.бFоFFFаеòè(åôч. ххро ытт iоiiiеыиlасюелrrrrИ lйасслввåì'êè,(гeутeeeлняс щяящ о)с.ееfярfffЛииите .o ãÿêòêoooо ррюччиир адтаюxвxxxИвссаа бтееееà ëîàщ оы п3ии333ссиру те нуда,Бшитт,..яя'òàðò хит, т 55тк иSSдииххй чбиОоcе,,ааaнa)åñ'î ччае уннSSфl,лт-вff a ннюмЛиaaaтOaеерыãñ)ðьиsооаrffлrщкк киЕpsдкaai i à''ооо иии бi.e4аrrе4и dЕ-- Эллiiуrптл,')) ,е. 44a ииттое иЭ а,,о )р7р т Лт .-ь ЕМЕgНgqqeТeuugtetEОeerElrtyВleyESme Sleem(eelneВtelmn scteeВBtscnyИoBttCryДoBlATarylaЕsl(Igs ('dNN'l(aalmi'miee.o.((hnh''oeohlt'toi')'t'')))) Пппреррииес пмвеаериНнввноааойечй тиа сiт (ляес рзочнаецатчичеиинк циуи)еi к 0=ла 0 i s 0Пучб сеы р<лнит оиь1 нквЗе 0маи аап0?жепе еп сн дрприьториешрйсомб еываиеа ет1ннвв0рениаляроцеаеяйтцум есiи :дям и.о Зцл1ни жкакн- л0оа i = 1Зквi лафsте ие 1(гм к<у о рв м1ын0аныЗпна?охад л сппыснкрит,1яо зирсебатбкыапсааниявхвс и)акалоцендяунм евы: мце и 1- к 1i = 2 i = 8i s 8 < 1ПпЗзнЗ0адоепалеар?пи8с ьепсрьсзми иотоие врснчбнаиаыанат спнаьввлрясиала яиi це янммвуаменео :уснм жттяе рре1таит кин сцсия и0- цдкf }еiлл =o яа . r 9 i s(d 9Кзмнvoаоо е <в гacннде наru1ран оЗ01 шв mйаа?ыи 9 iieпп стпбрс nиотуялидрс=t,не быза .етнан нвуа0wвиивачле;rееце лянк iумиоие:it чмеме ап e- не1<(др к е i -11)i =0; ;1Кеиппс0 лтресаi теsркесiи д кеот1+нрхубо0онюалл+ дщ ыюьщ<)икмда етоК1е )ай к,0утт о{р сссьв?атялнсырб.ояе пСоо в(оцктциялаиеевн н лцкпеаояиенртдкриьилаеюсйася т а-
198ОБЪЕКТНАЯ МОДЕЛЬ ДОКУМЕНТА ОБЪЕКТНАЯ МОДЕЛЬ ДОКУМЕНТА199 178РЕШЕНИЯ И ЦИКЛЫ РЕШЕНИЯ И ЦИКЛЫ179
Страницы с основной информацией Диаграммы и инфографика представ-
имеют белый фон и также содержат лены на страницах с темным фоном —
расширенные сведения по теме, об- это простой визуальный источник
суждаемой в главе справочной информации по обсуж-
даемой теме
ПРИМЕР
AJAX И JSON ОБЗОР
Вмкр1Свд<2ОКию<Âоещввяп)aaçесиас мптатч)ио уH ëнпы жтеси аэиетМihîснРосяолтсдлтTdrìеярылй атцаакдым=e кеоьMсйимлне нес"föйозваи си феt=åивьд рпуяипсLя юрт x"ïмдеи лялеьи- оещ"dè оытсеасеатс,еи <eсесп нс а нв в h/sянотаерпвтмапвеолсз racн иирва йлорсин хe>r ес ф ряс к)тхраfiпрбокйиот т.риа=pдаоавнииаре вячк"tнурне,пеед еиаеtiдив еем:еддхсатрxoеизттлцднот.nрясннхеи туврхуеhsтямее аееевс,иt.ы , втйн о рнмmhймзаяылекр боlt ни я е опииеотш"mDпивааюеятздз>lтча;оа O тнес.# сеHзьровпнм н ал.ÂнаявTюMпрнчр.çьетиыоеM енан ëрвяа илолыюÏîрпо.ипLе в дя- åìиомиОбщооэлшфлê- рхуо б,зтэèöия пап тьонвл íå ъйайио дариiи,ïед dлызетгегм èмияс,ароирн мск"Êовч,иерая >èтуьороттонобт нвòтефажетдумибдà созииезт а éианмиJн,аауяеяй < чаS айтсеотеi/ , dчхитщ Oе нaвлсвьтп иерг(>з.асяносеаNплоис ю н инрт яД,мня с. уетякок рза.ф,еОсп б е оз—агаоПо,яетврдр тн г лсаеобнседоваороп,ны вн яплвррирвен.у пурзы аеаьх рожаор--свы б.зм вмаавиуаоо.ексе о---ун---юя , - Ф(cid:2)(cid:2)(cid:2)(cid:2)(cid:2) УФбдФфзОииВмБщтНаур о нлбиоофиууддарояКър,бннеуа уаыг амеъккрЦ н очзкд кццеефвекаи аИоятиикшцзрц)ку вкИтии а—иы иниеоулеи йю,к мп нмк е рвмп,эМцоин,н ооее петионзяоигзаЕноррвисе увялткп Тееов остр. ои—рмидОялоб анзпизсзявхе щуДкрм латоюонрюрианоЫадкенетевнтнжтутиаы т, лоиьыпо оемлнеО ябмднбкнхьо уюъноа анъиБайюиеакмсщотяе Ън доззтьгк,дис иыаеьио Еттпл.тх д-ан ывКпмраял акяаме,р уиТ ич вютприкаобиЫырьрец тмдоз .апвсмеие ае.зоя дйлггетнл срр,ьснр антнуу внытчаепужоыо евн(жпйегнхилиысонн иняят ныеиню- вы.хлаа- й-и-
440066AAJJAAXX ИИ JJSSOONN 3фи(ОКию< Пи <d /иса)сптсоаi<<dпж с иппОсvhpiсояйсдо 3>vкл оеадыплi>Î>лоьнллеdÂòйзиеьлиф=çï уьесзя.сь"ëðеи езк уДÂîàктассауçìâстееуаннлë ëяаеомм с îöÿиснявт рихìåé сс яд ск)р-ïòо вы.а# еöèåаяввычå<ñлн,л, есï/ü мивкбпесèh зетитг"3âеояосхв и>> тяттрке ýы рсвоо ааëзе ое оåндз диквтêааа оздòча.ан lнеðбеHнoжслîнанTиaøьоиMвдынàеdявлòооL й(дс-å мяхгф)лðо ю он рэ…яабил< йатааыоз/елст нpмст таряб>яд,ие.и , ри нб@тйетатубсо.лзет@мял ,аьу аA еиiднв@ dщеJоа о г(Aоа)олптгю.Xд реяното анюкИ сбзоояи етвJп лсамс SjпиныяQO ри сH,з аеNuмаав TмeаныMr.е4 и yн0Lяя 7-- (cid:2)(cid:2)15 0ВвснМсмеФов к аУачJаНозтлaасКс дйvЦ,с—с сИaапситИиSнто ,нв мвМcвим оЕысrааТясiоОп pс ДитисгосЫtи а л ,сиом еО,юоо бвБсSежЪбщыътtтЕrеКьне)оиiТн. nкыЫд рй gтысях ы,по д мNпи д мврсuнесаоеmорттжджжрbьонеаeо ссостrецт,т ь ниаMев носвн дaыпблаtаоъяхрhнлею и оинькитбы зт D.ъфоыхaев у,(t каанeптт .кроо ьИцибв дихч,ъ ло е-я-м
Разделы с примерами объединяют В конце каждой главы приведен обзор,
изученные темы и демонстрируют где напоминается об основных мо-
практическое применение изложен- ментах рассмотренных тем
ной выше информации
ВВЕДЕНИЕ 9
КАК JAVASCRIPT
ПОМОГАЕТ УЛУЧШИТЬ
ИНТЕРАКТИВНОСТЬ
ВЕБ-СТРАНИЦ
Язык
JavaScript
позволяет придать
веб-страницам
дополнительную
интерактивность, так как
предоставляет доступ к их
контенту и возможность
1 изменять его, а также
разметку на веб-странице ,
ДОСТУП К КОНТЕНТУ когда она открыта
в браузере.
Язык JavaScript позволяет выделить на
HTML-странице любой элемент , атрибут
или текст, например:
•
выделить текст во всех элементах h1,
2
расположенных на странице;
•
выделить все элементы, имеющие
ИЗМЕНЕНИЕ КОНТЕНТА
атрибут class со значением note;
•
узнать, какая информация была Язык JavaScript можно использовать для
введена в текстовое поле, чей атрибут добавления на страницу (или для удале-
id имеет значение email. ния с нее) элементов, атрибутов и текста,
например:
•
добавить абзац текста после первого
элемента h1;
•
изменить значение атрибутов class,
чтобы вступили в силу новые правила
CSS, которые коснутся элементов
с этими атрибутами;
•
изменить размер или положение
элемента img.
10 ВВЕДЕНИЕ