Розділ 2. Мова сценаріїв JavaScript
Тема 7. Основи мови JavaScript
7.1. Мова JavaScript: основні поняття
Мова сценаріїв JavaScript призначена для створення інтерактивних HTML – документів. Додатки, написані мовою JavaScript, можуть виконуватися як на стороні клієнта, так і на стороні сервера.
Опис сценарію – script поміщають у HTML – документ у контейнер <SCRIPT> усередині контейнера <BODY>. Тег SCRIPT має атрибути:
type – визначає тип сценарію – мову, на якій він написано. Для сценаріїв, створених мовою JavaScript, цей атрибут має значення "text/javascript">.
src - визначає зовнішній файл, у якому описано сценарій.
Як бачимо, сценарій може знаходитися як безпосередньо в HTML – документі, так і зовнішньому файлі – файлі з розширенням js.
Сценарій JavaScript є послідовністю операторів, що розділяються крапкою з комою. Мова JavaScript є регістрозалежною.
У сценаріях зазвичай задіяні змінні. Змінною є область пам’яті, у якій під час роботи програми можуть знаходитися різні данні. Звернення до змінної здійснюється за ім’ям – унікальним ідентифікатором, який може включати букви, цифри, знак підкреслення або символ $, не повинен починатися з цифр.
Оголошення змінної здійснюється за допомогою оператора var. Під час оголошення змінній може бути привласнено певне значення, згідно до типу якого визначається тип змінної.
Наприклад,
var Х; |
оголошено змінну Х |
var У=0; |
оголошено числову змінну У, привласнено їй значення 0 |
var М= "приклад"; |
оголошено рядкову змінну М, привласнено їй значення "приклад" |
Значення змінних власно змінюється у результаті виконання оператору привласнення, що має такий вид:
Х = 150; // змінній Х привласнено значення 150
При створенні коду сценарію можуть також використовуватися вирази, зокрема для привласнення значень змінним. Вирази будуються з лібералів (констант), змінних, знаків операцій, дужок. У результаті обчислення виразу можна отримати єдине значення, яке може бути числом, рядком або логічним значенням.
У виразах, у яких обчислюються числові значення, можна використовувати такі знаки арифметичних операцій:
+ |
додавання |
- |
віднімання |
* |
множення |
/ |
ділення |
% |
залишок від ділення |
++ |
інкремент / збільшення значення операнду на 1 |
-- |
деінкремент / зменшення значення операнду на 1 |
Для конкатенації (об’єднання) рядкових даних використовується знак +. Результатом виконання таких операцій є рядок символів, що поєднує значення рядків – операндів. Наприклад, після виконання оператору
ех="приклад"+" програми"
уміст змінної ех буде "приклад програми".
Для формування логічних умов у мові JavaScript можна використовувати операції порівняння і логічні операції. Основні операції порівняння:
== |
рівно |
!= |
нерівно |
< |
менше |
<= |
менше або рівно |
> |
більше |
>= |
більше або рівно |
Логічні операції:
&& |
логічне И (and) |
"вираз1"&&"вираз2" приймає значення ІСТИНА, якщо обидва вирази мають значення ІСТИНА |
|| |
логічне АБО (or) |
"вираз1"||"вираз2" приймає значення ІСТИНА, якщо хоча б один вираз має значення ІСТИНА |
! |
логічне ОТРИЦАНИЕ |
змінює значення виразу (!"вираз") на протилежне |
У JavaScript можна використовувати вікна діалогу різних типів:
Метод alert виводить певну інформацію у вікні діалогу, в якому є одна кнопка ОК.
Наприклад, виконання оператору
alert("Наші привітання");
призведе до виведення такого вікна:
Метод prompt дозволяє вивести вікно діалогу, у якому крім текстового поля будуть знаходитися командні кнопки ОК і Отмена. Якщо натиснуто на кнопку ОК під час виконання сценарію, то значення, що введено у текстове поле привласнюється певній змінні, у результаті натиснення на кнопку Отмена змінній привласнюється значення null. Метод prompt має два параметри: повідомлення у вікні діалогу, значення текстового поля за замовчуванням.
Наприклад, виконання оператору
s = prompt("Введіть число Х","");
призводить до виведення такого вікна діалогу
Після натиснення на кнопці ОК значення змінної s буде таким, як визначено у текстовому полі. Якщо буде натиснуто на кнопці Отмена, змінна s дорівнюватиме значенню null.
При створенні навіть достатньо простих сценаріїв часто використовується метод document.write(), який записує на web-сторінку інформацію після закриваючого тегу </script>. Наприклад, щоб вивести у HTML – документ результат обчислень, що знаходиться у змінній Х, потрібно записати такий оператор:
document.write(Х);