ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТА

Тема: ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТА

При розробці сучасного сайта не завжди можна обійтись лише можливостями мови розмітки HTML. З метою надання веб-сторінкам привабливого вигляду і створення у відвідувача відчуття взаємодії із сайтом використовують додаткові можливості, доступні при використанні Java-скриптів. Діапазон їх застосування досить широкий: це і елементи інтерактивності, які можуть містити складні процедури обробки, і просто декоративні елементи, які надають привабливості сайту. Мова javascript була розроблена спільно компаніями Sun Microsystems і Netscape на синтаксичній основі мови Java

Java-скрипт вбудовується в HTML-документ і взаємодіє з ним. Скрипти можуть знаходитись у будь-якому місці HTML-документа. Однак теги HTML не можна вміщувати всередині Java-скрипт-програми Java-скрипт-програма вміщується між тегами ..., виняток становлять «обробники подій»

Зустрівши тег , браузер по рядках аналізує зміст документа доти, поки не буде досягнуто тег . Після цього відбувається перевірка скрипта на наявність помилок і компіляція програми у формат, придатний для виконання на комп'ютері користувача.

Головна частина Java-скрипт-програми може бути вміщена у контейнер ... , оскільки він зчитується при завантаженні HTML -документа одним з перших. Теоретично скрипт можна вміщувати у будь-якому місці HTML -документа, хоча краще це робити перед тегом ... , тобто в заголовку документа.

Синтаксис тега:



{текст програми}



Слід мати на увазі, що слово «javascript» записується із дотриманням регістру символів. Багато з об'єктів мови javascript відповідають тегам, які формують HTML-документи. Деякі об'єкти мови javascript мають наслідування. Зокрема, гіпер-зв'язок є об'єктом, який наслідується з об'єкта document. У мові Java-скрипт об'єкти, які наслідуються, також мають назву властивостей. Наприклад, множина гіперзв'язків є властивістю об'єкта document, a links - ім'ям цієї властивості.

ОБ'ЄКТИ

Password - поле введення пароля, яке створюється за допомогою тега

Radio- селекторна кнопка (radio button), яка створюється за допомогою тега

Reset - кнопка перезавантаження, яка створюється за допомогою тега

Select (options [ ]) - елементи об'єкта

Submit - кнопка передавання даних, яка створюється за допомогою тега

Text- поле введення, яке створюється за допомогою тега

Textarea - поле тексту, яке створюється за допомогою тега

Важливим елементом мови є події, які використовуються для виконання певних частин

програмного коду скрипта Події і основному ініціюються тими чи іншими дійми користувача Якщо користувач на т иону и певну кнопку, відбудеться подія «Click». Якщо показник мишки перетинає будь-яке посилання у тексті -відбувається подія [MouseOver], Використання мови javascript при обробці подій значно розширило можливості мови HTML.

Події поділяються на декілька категорій.

Події, пов'язані з документами (події документа):

- завантаження і закриття документів.

Події, пов'язані з гіперзв'язком:

- активізація гіперзв'язку.

Події, пов'язані з формою

- натисканий мишкою кнопок;

- одержаний і втрата фокусу введення і зміна вмісту полів введення, областей тексту і списків;

- виділення икоту у полях ваедення і областях тексту.

Події, пов'язані із мишкою:

- наведення вказівника мишки на гіперзв'язок і активізація гіперзв`язку

Події повязані із документами, виникають при завантаженні і закритті декумента, в той час як події гіперзв'язків виникають гри їх активізації або при вміщенні на них вказівника мишки

Нижче наведено імена деяких подій і умови їх виникнення

Імя події Атрибут HTML Умова виникнення події

Change onchange Зміна вмісту поля введення чи області тексту або вибір нового елемента списку

Click onclick Натиснення мишки на елементі форми або гіперзвязку

MouseOver On MouseOver Наведення вказівника мишки на гіперзвязок

MouseOut On MouseOut Наведення вказівника мишки знак закриття документа

Select onselect Виділення тексту у полі введення або області тексту

Submit onsubmit Передавання даних форми

Для забезпечення здійснення події необхідно задати функцію-обробник под». Колекції прикладів Java-скриптів розміщуються на Web-сайтах мережі Інтернет і можуть бути запозичені і використані розробниками Web-сторінок у

власних документах.

ПРИКЛАД (відкриття нового вікна, завантаження в нього документа і закриття вікна):

Внимание, отключите Adblock

Вы посетили наш сайт со включенным блокировщиком рекламы!
Ссылка для скачивания станет доступной сразу после отключения Adblock!

Скачать