- •Лабораторна робота. Уведення в 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
1.4. Операції
Набір операторів в JavaScript, їх призначення та правила використання в основному збігаються з прийнятими в мові С++. Винятком є операція, що задається символом "+".
В JavaScript символ "+" позначає як підсумовування числових значень, так і конкатенацію рядків.
Так, наприклад, в результаті обчислення виразу
sum = 47 + 21;
змінній sum буде присвоєно значення 68, а після виконання операції
sum = "рядок 1" + "рядок 2";
в змінну sum буде записана послідовність символів "рядок 1 рядок 2".
Розглянемо ще один приклад:
<HTML> <BODY> <H2> Числа і рядки </ H2> <BR> <SCRIPT LANGUAGE="JavaScript">
var a = 3; var b = 8; var c = "папуг";
document.write ("a + b ="); document.write (a + b); document.writ e ("<BR>"); document.write ("a + с ="); document.write (a + c); document.write ("<BR>"); document.write ("c + a ="); document.write (c + a); document.write ("<BR>"); document.write ("a + b + с ="); document.write (a + b + c); document.write ("<BR>"); document. write ("c + a + b ="); document.write (c + a + b); document.write ("<BR>");
</ SCRIPT> </ BODY> </ HTML> |
У вікні браузера наведений вище HTML-код виглядає так, як показано на скріншоті
|
Перший рядок відображає результат підсумовування двох числових значень, друга і третя - результат конкатенаціі рядків і символьного представлення числа. Якщо операція підсумовування чисел передує конкатенації, JavaScript обчислює суму чисел, представляє її в символьному вигляді, потім здійснює конкатенацію двох рядків. Якщо ж у першому виразі вказана операція конкатенації, то JavaScript спочатку перетворює числові значення в символьний вигляд, а потім виконує конкатенацію рядків.
1.5. Управляючі конструкції
Управляючі конструкції, використовувані в мові С++, в основному застосовуються і в сценаріях JavaScript.
В JavaScript додатково визначені мовні конструкції, які відсутні в С++, а саме: оператори for ... in і with.
У прикладі 1 за допомогою оператора циклу на веб-сторінці формується таблиця множення чисел.
Приклад 1.
<html> <body> <table> <script language="JavaScript"> document.write ("<tr> <td> </ td>"); for (i = 1; i <10; i + +) document.write ("<td>" + i + "</ td>"); document.write ("</ tr>"); for (i = 1; i <10; i + +) { document.write ("<tr> <td>" + i + "</ td>"); for (j = 1; j <10; j + +) { document.write ("<td bgcolor='#00ffa0'>" + (i * j) + "</ td>"); } document.write ("</ tr>"); }
</ Script> </ Table> </ Body> </ Html> |
Окремої уваги заслуговує оператор new. Незважаючи на те, що більшість об'єктів вже створені браузером і доступні сценарію, в деяких випадках доводиться створювати об'єкти в процесі роботи. Це відноситься до перевизначених об'єктів і об'єктів, що визначаються розробником сценарію. Для створення об'єкта і використовується оператор new, який викликається наступним чином:
змінна = new тип_ об'єкту (параметри)
