 |
Оголошення JavaScript-програми як оброблювача подій
|
|
|
|
Оголошення JavaScript-програми як оброблювача подій
Додатки JavaScript у значній мірі керуються подіями, наприклад натисканням кнопки, зміною тексту, переміщенням по посиланню і т. п. Тому доцільним є визначати події, на які буде реагувати JavaScript-програма.
Одним із застосувань обробки подій є перевірка правильності заповнення форми. Така перевірка дає змогу: знизити навантаження на Web-сервер, оскільки некоректні дані будуть уже відфільтровані; скоротити затримки у випадку помилки користувача, оскільки при перевірці відсутні мережні звертання спростити серверну програму.
Об'єкти в JavaScript
У мові JavaScript всі елементи Web-сторінки розміщуються в ієрархічну структуру. Кожен елемент з'являється у виді об'єкта. І кожен такий об'єкт може мати визначені властивості і методи. У свою чергу, мова JavaScript дає змогу керувати об'єктами Web-сторінки, хоча для цього важливо розуміти ієрархію об'єктів, на які спирається розмітка HTML.
Зображення (Image)
Об'єкт Image дає змогу вносити зміни в графічні образи, що є присутніми на Web-сторінці. Зокрема, з його допомогою створюється анімація.
У JavaScript усі зображення представляються у виді двомірного масиву. Масив цей називається images і виступає у виді властивості об'єкта document. Кожне зображення на Web-сторінці одержує порядковий номер, починаючи з 0: 0, 1, 2 і т. д. Таким чином, до першого зображення можна адресуватися, записавши document. images[0].
Об'єкт Image має визначені властивості, до яких можна звертатися за допомогою мови JavaScript.
Форми
Форми широко використовуються в Internet. Інформація, введена у форму, може бути відправлена по електронній пошті на задану адресу або передаватися на Web-сервер. Перед передачею такої інформації з мережі Internet її можна перевірити за допомогою функціональних можливостей мови JavaScript.
|
|
|
Спочатку створюється простий скрипт. Припустимо, HTML-сторінка містить два елементи для введення тексту. У перший з них користувач вписує своє ім'я, у другий - адресу для електронної пошти.
Що стосується інформації, введеної в перший елемент, то повідомлення про помилку буде виводитися, якщо туди нічого не було введено. Будь-яка представлена в елементі інформація буде розглядатися на предмет коректності.
Другий елемент форми трохи складніший. Ознакою того, що користувач правильно ввів адресу електронної пошти, служить наявність символу @. Тому ввести простий рядок (наприклад, ім'я) не вдасться доти, доки не буде зазначений символ @. У Internet кожна адреса електронної пошти містить символ @, тому перевірка на наявність цього символу тут доречна.
Фрейми
У загальному випадку вікно броузера може бути розбите на кілька окремих фреймів. Це означає, що фрейм – це деяке поле, виділене у вікні броузера у формі прямокутника. Кожний із фреймів виводить на екран вміст власного документа (у більшості випадків це документи HTML). Будь-якому фрейму можна присвоїти унікальне ім'я, скориставшись у тезі < frame> атрибутом name.
Така можливість важлива в мові JavaScript для доступу до фреймів.
При створенні Web-сторінок можна використовувати вкладені теги < frameset>.
Вікна
Ще однією функціональною можливістю мови JavaScript є відкриття нових вікон у броузері. Можна або завантажувати в нове вікно нові документи (HTML), або (динамічно) створювати нові матеріали.
Шари
Шари - одна з нових функціональних можливостей броузера Netscape Navigator 4. 0. Вона дає змогу виконувати точне позиціювання таких об'єктів Web-сторінки, як зображення; здійснювати переміщення об'єктів по Web-сторінці чи робити об'єкти невидимими.
Шари, здатні містити різні об'єкти, наприклад зображення, форми, текст, можуть бути накладені на Web-сторінку і переміщуватися в рамках її інформаційного поля. Якщо змістити який-небудь шар, то і всі об'єкти, що містяться в ньому, теж будуть зміщуватися.
|
|
|
Щоб створити шар, необхідно використовувати тег < layer> або < ilayer>.
Тег < layer> використовується для тих шарів, які можна точно позиціонувати. Якщо ж не вказати положення шару (за допомогою параметрів left і top), то по замовчуванню він розміщується у верхньому лівому куті вікна. Тег < ilayer> створює шар, положення якого визначається при формуванні документа.
JavaScript дає змогу звертатися до шарів за допомогою конструкції document. layers[" myLayer" ], де myLayer - ім'я шару.
Програми на JavaScript можуть виконувати запис інформації в рядок стану; за допомогою функції Timeout (чи таймера) можна запрограмувати комп'ютер на виконання деяких команд після закінчення визначеного часу; JavaScript надає можливість використовувати визначені об'єкти (Date, Array чи Math) і т. д.
Таким чином, використання мови JavaScript дає змогу: створювати чи додавати до HTML-документа скрипти JavaScript, робити налагодження Web-сторінки, здійснювати додавання Web-сторінки до Web-серверів, що створюються.
|
|
|
