Веб-програмування. Клієнтські скрипти

Сучасні веб-сайти все більше стають схожими на додатки, які за функціональністю не поступаються самостійним додаткам. Хочете, щоб і Ваш сайт крім гарного оформлення мав інтерактивність та функціональність повноцінного додатка? Тоді Вам просто необхідно скористатися однією з технологій веб-програмування при створенні свого веб-ресурсу. Ділянки програмного коду, що реалізують ці технології, або іншими словами скрипти, бувають серверні й клієнтські. Серверні скрипти виконуються сервером за запитом, що посилається клієнтським додатком (у даному випадку браузером). Клієнтські, відповідно, - самим клієнтським додатком.

Давайте докладніше розглянемо, що собою представляють клієнтські скрипти і навіщо вони потрібні.

Що таке клієнтські скрипти?

Як Ви вже, напевно, знаєте, сторінки веб-сайтів описуються за допомогою мови гіпертекстової розмітки - html. Але оскільки ця мова відповідає всього лише за оформлення веб-сторінок, то задати з його допомогою яку-небудь динамічну дію неможливо. Саме для подібних випадків і існують клієнтські скрипти - спеціальні веб-сценарії, які дають можливість змінювати вміст html-сторінки без перезавантаження самої сторінки із сервера. Часто клієнтські скрипти вбудовуються прямо в html код сторінки і для їхнього виконання не потрібна установка якого-небудь додаткового програмного забезпечення. Все що потрібно - це браузер з підтримкою клієнтських скриптів. Всі сучасні інтернет-браузери (крім деяких старих версій) підтримують виконання розповсюджених клієнтських скриптів.

До мов веб-програмування, призначених для створення клієнтських скриптів відносять Javascript, VBScript, ActionScript, що використовується в технології flash і SilverLight. Зупинимося докладніше на мовах Javascript і VBScript, як на найбільш яскравих представниках сімейства клієнтських мов веб-програмування.

Javascript

Серед клієнтських мов веб-програмування почесне місце заслужено займає Javascript. Мова Javascript була розроблена на початку 90-х років минулого століття фірмою Netscape. Спочатку ця мова розроблялася для взаємодії винятково із браузером Netscape Navigator - продуктом компанії Netscape. Однак на сьогоднішній день ця мова веб-програмування одержала найширше розповсюдження і практично всі браузери його підтримують. Крім того, сценарії Javascript підтримуються в таких додатках як Adobe Photoshop, Adobe Dreamweaver, Adobe Illustrator або Adobe InDesign, які активно використовуються професіоналами для створення веб-дизайна.

Що ж робить Javascript таким популярним і затребуваним?

Найпоширеніший приклад - заповнення реєстраційних форм. Клієнтський скрипт перевіряє дані у формі ще до відправлення на сервер і у випадку помилки вказує на неї. Інші дані при цьому зберігаються в динамічній пам'яті, і немає необхідності при помилці в одному полі введення ще раз повністю проходити процес заповнення. Інших подібних випадків, у яких застосування Javascript реалізує завдання, недоступні для статичних сторінок, ще безліч. Серед них: зміна вмісту сторінки у відповідь на дію користувача; створення спливаючих підказок; реагування на клацання миші, рух курсору.

Як додати javascript на веб-сторінку?

Існує два способи. Перший, як уже згадувалося, - це вставити програмний код javascript безпосередньо в html-код. Робиться це зазвичай в рамках тегу <head>, оскільки в цьому випадку сценарій javascript завантажується відразу, разом з усією сторінкою. Рядок вставки цього коду виглядає так:

Другий спосіб - описати всі необхідні команди в окремому файлі й зберегти його з расширением .js. Тоді для підключення javascript до веб-сторінки потрібно буде вказати джерело з назвою файлу. Виглядає це так:

VBScript

Visual Basic Scripting Edition, або попросту VBScript, від компанії Microsoft - гідний конкурент популярному Javascript. VBScript є підмножиною сімейства Visual Basic, тому й синтаксис, і структура його подібні всім іншим членам цього сімейства. Однак, VBScript трохи простіше й має всього один тип змінних - variant. Завдяки великій кількості вже написаних користувальницьких скриптів, простоті й доступності VBScript стає усе більше й більше популярним. однак його підтримка вбудована тільки в браузер від Microsoft - Internet Explorer. Для інших же браузерів потрібна установка додаткових розширень - плагинів. Коло завдань, які вирішують скрипти, написані на VBScript, таке же, як і в скриптів, написаних на javascript, тому повторюватися не будемо

Вставка коду VBScript у сторінку відбувається трохи інакше, ніж Javascript:

Переваги й недоліки клієнтських скриптів

Навколо Javascript і VBScript постійно ведуться запеклі суперечки веб-програмістів. Деякі вважають, що javascript працює швидше, ніж VBScript, однак визнають, що останній більш функціональний. Але, так чи інакше, обидві ці мови мають кілька загальних переваг:

дані не відправляються на сервер, що значно прискорює роботу веб-додатків;
для виконання клієнтських скриптів не потрібно ніякого додаткового програмного забезпечення;
за користування клієнтськими мовами компанії, що надають хостинг, не вимагають грошей;
є можливість динамічно змінювати стиль або зміст веб-сторінок залежно від характеристик браузера клієнта;
можна здійснювати автоматичне відновлення сторінок через певні проміжки часу;
можливість реагування на різні події (рух курсору миші, натискання кнопок миші);
можна робити всілякі математичні розрахунки.

На жаль, у цій бочці меду є своя ложка дьогтю.

Щоб побачити вихідний код скрипта, досить переглянути вихідний код веб-сторінки, що доступно практично в будь-якому браузері. Тому, якщо спробувати за допомогою такого скрипта захистити якісь дані паролем, то нічого не вийде - можна просто переглянути код сторінки й довідатися всі паролі. Підтримку клієнтських скриптів користувач може відключити в браузері, а значить виконуватися вони не будуть.

До речі, слід зазначити, що й Javascript і VBScript використовуються для написання не тільки клієнтських, але й серверних скриптів. Але в них немає можливості відправити файл на сервер. Тому для рішення завдань, пов'язаних з відправленням даних на сервер все-таки краще застосовувати серверні мови