- •Лабораторна робота. Уведення в javascript. Програмна взаємодія з html документами на основі dom api. Використання регулярних виразів.
- •1. Елементи мови JavaScript
- •1.1. Структура сценарію
- •1.4. Операції
- •1.5. Управляючі конструкції
- •1.6. Функції
- •1.7. Область видимості змінних
- •2. Html dom
- •2.1. Вузли дерева html-документа
- •2.2. Програмний інтерфейс html dom
- •2.3. Властивості вузлів
- •2.4. Зміна html елементів
- •3. Діалогові елементи
- •1. Обробка подій в JavaScript
- •Ie: Internet Explorer, f: Firefox, o: Opera, w3c: стандарт
- •2. Регулярні вирази
- •3. Використання регулярних виразів в JavaScript
Лабораторна робота. Уведення в javascript. Програмна взаємодія з html документами на основі dom api. Використання регулярних виразів.
Мета роботи:
Знайомство з мовою розробки клієнтських веб-сценаріїв JavaScript. Вивчення основ мови та її застосування для автоматизації процесу розмітки та додавання інтерактивних можливостей веб-сторінок.
Отримати уявлення про загальні принципи обробки в JavaScript подій, пов'язаних з вікном веб-браузера, веб-сторінкою, що міститься в браузері і елементами документа.
Навчитися використовувати найпростіші елементи регулярних виразів для пошуку підрядка, структура та зміст яких описується нетривіальним шаблоном.
Теоретичний матеріал
1. Елементи мови JavaScript
JavaScript дозволяє "оживити" веб-сторінку. Це реалізується шляхом додавання до статичного опису фрагмента виконуваного коду. JavaScript-сценарій може взаємодіяти з будь-якими компонентами HTML-документа і реагувати на зміну їх стану.
JavaScript не є строго типізованою мовою, в змінних можуть зберігатися практично будь-які типи даних.
Як і програма на мові Java, сценарій JavaScript виконується під управням інтерпретатора. Однак якщо Java-додаток або Java-аплет компілюється у байтовий код, то сценарій JavaScript інтерпретується на рівні вихідного тексту.
Слід зазначити, що мовні конструкції JavaScript збігаються з відповідними засобами C++ і Java.
1.1. Структура сценарію
Сценарієм JavaScript вважається фрагмент коду, розташований між дескрипторами <SCRIPT> і </ SCRIPT>:
Текст HTML-документа
<SCRIPT>
Код сценарію
</SCRIPT>
Текст HTML-документа
1.2. Змінні
У сценаріях JavaScript змінні можуть зберігати дані будь-яких типів: числа, рядки тексту, логічні значення, посилання на об'єкти, а також спеціальні величини, наприклад "нульове" значення null або значення NaN, яке повідомляє про неприпустимість операції.
Змінна в мові JavaScript оголошується за допомогою ключового слова var. Так, наприклад, вираз
var selected = "first item";
створює змінну з ім'ям select і присвоює їй в якості значення рядок символів "first item ". Змінні можуть оголошуватися також автоматично. Це відбувається при присвоєнні значення змінної, що не зустрічалася раніше в даному сценарії. Так, в наступному прикладі створюється змінна з ім'ям rating, якій присвоюється числове значення, рівне 512 .5:
rating = 512.5;
1.3. Об'єкти
У мові JavaScript не передбачені засоби для роботи з класами в тому вигляді, в якому вони реалізовані в C++ або Java. Розробник сценарію не може створити підклас на основі існуючого класу, перевизначити метод або виконати яку-небудь іншу операцію з класом. Сценарієм, написаним на мові JavaScript, в основному доступні лише готові об'єкти. Побудову нового об'єкта доводиться виконувати лише в рідкісних випадках.
Об'єкти містять властивості (властивості об'єктів можна порівняти із змінними) і методи. Об'єкти, а також їх властивості та методи ідентифікуються іменами. Об'єктами є форми, зображення, гіпертекстові посилання та інші компоненти веб-сторінки, HTML-документ, відображаємий у вікні браузера, вікно браузера і, навіть, сам браузер. У процесі роботи JavaScript сценарій звертається до цих об'єктів, отримує інформацію і керує ними.
Крім того, розробнику сценарію на мові JavaScript доступні об'єкти, не пов'язаний ні безпосередньо з HTML-документом. Їх називають зумовленими, або незалежними об'єктами. За допомогою цих об'єктів можна реалізувати масив, описати дату і час, виконати математичні обчислення і вирішити деякі інші завдання.
Перший об'єкт, з яким необхідно познайомитися, щоб написати найпростіший сценарій, - це об'єкт document, який описує HTML документ, що відображається у вікні браузера. Нижче приведений вихідний текст веб-сторінки, що містить сценарій, дії якого зводяться до виводу рядки тексту у вікні браузера.
<HTML> <НЕАD> <ТIТLЕ> Перший сценарій JavaScript </ TITLE> </ HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write ("Перевірка сценарію JavaScript "); </ SCRIPT> </ BODY> </ HTML> |
Назви чутливі до регістрів символів, і якщо ви спробуєте звернутися до поточного документа по назві Document, інтерпретатор JavaScript відобразить сповіщення про помилку.
Основне призначення сценаріїв JavaScript - створювати динамічно змінні об'єкти, коригувати вміст HTML-документів в залежності від особливостей оточення, здійснювати взаємодію з користувачем і т.д.