JavaScript: прыклады прымянення

Калі адразу не апускацца ў лаканічны сінтаксіс і функцыянальнасць семантыкі JavaScript, простыя прыклады кода дапамогуць хутка навучыцца павышаць дынаміку і эфектыўнасць старонак.

JS - мова праграмавання "ўнутры" браўзэра. JavaScript мае салідны вопыт для працы з элементамі старонкі, арыгінальныя рашэнні ў галіне аб'ектна-арыентаванага праграмавання, "умее" мець зносіны з серверам, таму шматлікія на JavaScript прыклады кода не адразу становяцца даступныя для разумення і прымянення.

Агульнае праз прыватнае: простае пачатак

Праграмаванне ўнутры браўзэра яшчэ адносна молада, але хутка назапасіла якасны і арыгінальны досвед. Сінтаксіс і семантыку JavaScript атрымаў ад тытулаваных "продкаў", прычым у частцы функцыянальнасці і практычнасці сінтаксісу - яшчэ з часоў доинтернетовских моў праграмавання, у першую чаргу C / C ++, Pascal.

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

Дастаткова проста пачаць з падлучэння апрацоўшчыка onload ў тэгу body і напісаць традыцыйнае "Hello" у сучасным стылі "I`m ready".

Гэтыя на JavaScript прыклады паказваюць:

• падзеі onload, які ўзнікае пасля загрузкі старонкі, прызначаецца апрацоўшчык - функцыя GoPage ();
• старонка загружаецца, і кіраванне атрымлівае функцыя GoPage ();
• выклік ўнутранай функцыі мовы alert, якая выводзіць паведамленне ў браўзэр "I'm ready";
• браўзэр чакае рэакцыі наведвальніка.

У каментарах прыведзены апісання дзеянняў, якія звычайна належыць зрабіць пасля загрузкі старонкі і запуску таймера.

Вельмі зручна: JS вельмі цесна звязаны з элементамі старонкі. Так, выклік document.getElementById дае спасылку на div з ідэнтыфікатарам "scTimer". Выкарыстоўваючы канструкцыю dTimer.innerHTML = "любы валідны HTML код", можна дынамічна змяніць змест гэтага div.

Варта асабліва звярнуць увагу, на непажаданасць памылак у целе скрыптоў на JavaScript. Прыклады гэтага выклікаюць негатыўныя наступствы. У прыведзеным кодзе паказана alert ( 'I'm ready'), і працаваць гэта ніяк не будзе. Для абазначэння радкоў дапускаецца любы від апостраф: і адзінарны, і двайны, прычым ўнутры пары аднаго выгляду можна выкарыстоўваць адзін, другі - як сімвал.

У дадзеным выпадку павінна было быць пазначана: ці alert ( "I'm ready"), alert ( 'I`m ready'), alert ( 'I \' m ready '), ці іншыя камбінацыі.

Пра памылкі ў JS-кодзе

Спачатку быў браўзэр, па ініцыятыве наведвальніка ён загрузіў старонку сайта, пабудаваў дрэва DOM і даў магчымасць JavaScript дзейнічаць: падаў яму магчымасць правесці аналіз загружанай старонкі, ініцыялізаваць яе элементы, падключыць апрацоўшчыкі падзей і наладзіць кантакт з серверам.

Аналізуючы JavaScript (прыклады), трэба звярнуць увагу на адладку кода. Гэтая працэдура ў большай меры кладзецца на распрацоўніка. Браўзэр, у якім выконваецца праца, можа прапаноўваць тыя ці іншыя інструментальныя сродкі адладкі, але практыка паказвае, што строгае захаванне сінтаксісу мовы, прастата і карэктнасць алгарытму маюць значна большы эфект для дасягнення працуе выніку.