З попереднього розділу ви дізналися, як в JavaScript користуватися змінними і масивами для збереження інформації. У цьому розділі ви закріпите засвоєний матеріал і навчитеся працювати з цією інформацією. Тут розглядаються наступні поняття:_

а вирази;

а умови;

а різні операції і способи їх використання;

G перетворення рядка в число і навпаки.

Що таке вирази і умови

При вивченні будь-якої мови програмування (і JavaScript зокрема) час від часу доводиться відволікатися на попутні зауваження. Давайте на хвилину відірвемося від вправ і розглянемо нові терміни.

Вирази і умови

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

Вирази (expressions) використовуються для комбінації два або більш за значення, внаслідок чого виходить третє, нове значення. Прикладом може сл.

1 + 2 = 3

Ви скомбінували два значення (1 і 2), щоб отримати третє (3). Ще чого один приклад:

3 + 3-1 = 5

Тут комбінація трьох значень (3,3 і 1) приводить до появи нового значення (5).

Умови (conditions) дозволяють порівнювати величини і визначати логічне значення - true або false. Нижче наводиться приклад умови:

Лимони жовті? Так.

Або інший приклад:

3 + 3 = 6? Так.

Відмітьте, що на обидва цих питання можна дати тільки дві відповіді - та чи ні (хоча на питання про лимони можна відповісти «напевно»). У мові JavaScript (і в інших комп'ютерних мовах) використання умов має на увазі тільки два результати - та чи ні.

Вивчення JavaScript корисно ще і тим, що в процесі навчання ви отримуєте уявлення про інші мови програмування. До того ж після освоєння однієї мови легко оволодівати останніми.

Знайомство з операціями

У виразах і умовах дані комбінуються за допомогою операцій (operator). Якщо маніпуляції здійснюються з якою-небудь одній величиною, то така операція іменується операцією з одним операндом (unary operator). Якщо таких величин дві, то операція називається операцією з двома операндами (binary operator), а якщо три - операцією з трьома операндами (ternary operator).

Давайте розглянемо найбільш часто використовувані операції.

Арифметичні операції

Арифметичні операції - це всім відомі математичні дії:

а складання (+);

1 + 3 = 4 а віднімання (-);

2-1 = 4 Q ділення (/);

4/2 = 2 а множення (*);

2*2 = 4 а залишок від ділення (%).

9 % 5 = 4

Це були операції з двома операндами.

Єдина арифметична операція, що потребує пояснення, - залишок від ділення. Тобто 9 ділиться на 5 із залишком 4. Іноді цю операцію також називають узяттям по модулю. При використанні цілих чисел результат також буде цілим числом. Але якщо мова йде про дійсних числах (з плаваючою крапкою, не цілих), в результаті вийде дійсне число. Наприклад:

5.5 % 2.2 = 1.1

Будьте уважні при використанні цих операцій, оскільки при некоректному їх виконанні вони можуть привести до результатів NAN (неіснуюче число) або Infinity (нескінченність). Прикладом такої проблемної операції є ділення на нуль.

Приклади сценаріїв JavaScript

Далі описується декілька прикладів використання арифметичних операцій. Тут приводиться тільки вміст блоку SCRIPT. Всі приклади створені на основі шаблону.

Приклад. Операція складання (+) -.

<script language="JavaScript">

<!-- Маскуємося!

var а = 6, b = 4;

alert(а + b);

// Знімаємо маскування. -->

</script>

Приклад. Операція віднімання (-) -.

<script language="JavaScript">

<!-- Маскуємося!

var а = 6, b = 4;

alert(а - b);

// Знімаємо маскування. -->

</script>

Мал.. Використання операції віднімання

Приклад. Операція ділення (/) -.

<script language="JavaScript"> <!-- Маскуємося! var а = 6, b = 3; alert(а /

b);

Операції порівняння

Операції порівняння використовуються для зіставлення виразів. До них відносяться наступні операції:

а менше (<);

5< 6

а менше або рівно (<=);

До цих пір ваші сценарії JavaScript складалися з операторів, що виконуються поотже, - від першого до того, що завершує. Це оптимальне рішення для простых сценаріїв, але в більшості випадків при завантаженні сторінки виконувати сценарий цілком не потрібно. Наприклад, ви хочете, щоб декілька операторів булозадіяно спочатку, а останні - в якій-небудь інший момент. Саме тодівам буде потрібно функції.%

У даному розділі розглядаються наступні питання:

а визначення функції;

а застосування функцій;

а використання подій для виклику функцій;

а обмін інформацією;

а оператор return.

Що таке функція

Функція (function) - це група операторів, призначених для певної мети і об'єднаних під загальним ім'ям. Функція має наступний вигляд:

function имяфункции()

{

оператори; }

На початку функції поміщається слово function, за яким указується її ім'я (наприклад, yourMessage). Після імені ставляться круглі дужки (your-Message () ). Їх відсутність приводить до помилки.

Примітка Поки круглі дужки залишаються порожніми. Трохи пізніше ви дізнаєтеся, для чого вони використовуються.

Після круглих дужок йдуть та, що відкриває і закриває фігурні дужки, між якими поміщаються оператори.

У кожної функції повинне бути ім'я, причому імена функцій, використовуваних на одній сторінці, не повинні повторюватися. Функція запускається (активізується або викликається) з Web-сторінокы.

Ваша перша функція

Приклад. Теорія може здаватися вам дуже складною, поки ви не перейдете до практики. Давайте відразу створимо першу функцію. Виконаєте наступні дії:

Відкрийте HTML-шаблон в текстовому редакторові.

Надрукуйте в блоці SCRIPT слово function і дайте функції ім'я, наприкладyourMessage (не забудьте про круглі дужки в кінці рядка):

<script language=" JavaScript ">

<! - - Маскуємося !function yourMessage ()

// Знімаємо маскування. --> </script>

3. Потім додайте пару фігурних дужок:

<script language=" JavaScript ">

<! - - Маскуємося !function yourMessage ()

// Знімаємо маскування. --> </script>

Попередження Пам'ятаєте, що на початку ставиться відкриваюча фігурна дужка ({), а в кінці - що закриває (}). Поширена помилка новачків полягає в тому, що вони живлять дужки місцями, внаслідок чого сценарій не працює.

4. Далі додайте простій оператор:

<script language="JavaScript">

<!-- Маскуємося!

function yourMessage()

{

alert("Ваша перша функція!");

}

// Знімаємо маскування. -->

</script>

5. Збережіть результат, відкрийте його в браузере і подивіться, що вийшло.

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

Функції в мові JavaScript можуть викликатися декількома способами. Найпростіший, хоча і найменш ефективний - вказівка імені функції безпосередньо в блоці SCRIPT:

<script language="JavaScript"> <!-- Маскуємося!

yourMessage();

function yourMessage()

{

alert("Ваша перша функція!");

}

// Знімаємо маскування. -->

</script>

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

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

Переважно викликати одну функцію з іншої. Але, перш ніж ви навчитеся це робити, вам належить дізнатися, яким чином виконуються функції і що таке події (events), оскільки саме вони дають можливість управляти виконанням функцій.

Події

Необхідно зробити так, щоб при виклику функцій всю роботу замість вас виконували події. JavaScript - мова, керована подіями (event-driven). To є що все відбувається в нім є результатом події або викликає яку-небудь подію. Відкриття нової сторінки в браузере, переміщення курсора, клацання миші - все це відноситься до подій. У цій книзі вам зустрінуться чотири їх вигляду:

Q onLoad;

а onclick;

Q onMouseover;

Q onMouseout.

Давайте коротко розглянемо кожен з них.

Подія onLoad

Ця подія відбувається після завантаження чого-небудь, наприклад після відкриття сторінки у вікні браузера. Воно вважається таким, що відбулося тільки після завершення завантаження всієї сторінки, включаючи зображення.

Примітка Подія, що відбувається при вивантаженні сторінки (переході на іншу сторінку або закритті вікна браузера), називається onUnload.

Подію onLoad дуже зручно використовувати в сценарії, коли необхідно, щоб функція виконувалася відразу після відкриття сторінки.

Подія onClick

Ця подія відбувається після клацання мишею у визначеному місці сторінки. Пізніше ви дізнаєтеся, що безліч елементів сторінки (гіперпосилання, зображення, кнопки і ін.) можуть реагувати на подію onClick. Його рекомендується застосовувати, коли ви хочете створити сценарій, що взаємодіє з користувачем.

Подія onMouseover

Це подія схоже на подію onCl ick, але відбувається не після клацання мишею, а після наведення курсора на певний елемент сторінки. Подію onMouseover можна пов'язати практично з будь-яким об'єктом Web-сторінокы (текстом, зображенням, кнопками, гіперпосиланнями і так далі). Його також можна використовувати, щоб підвищити рівень інтерактивності сценарію.

Подія onMouseout

Ця подія подібно до події onMouseover, але відбувається в тих випадках, коли курсор миші відводиться від об'єкту.

Опис браузерів

Проглядання WEB-сторінок

Програми, необхідні для проглядання гіпертексту, - браузеры, які використовуються не тільки як засіб перегляду, але і як поштові програми, а також як засіб завантаження файлів посредствам FTP. Дві основні функції браузеров: проглядання WEB-сторінок і редагування їх вмісту (елементи HTML).

В світі створено немало програм для проглядання HTML-документов: Mosaic, Cello, Global Network Navigator, Opera і ін. Найбільш популярними браузерами, які забезпечують коректний перегляд гіпертексту, є Microsoft Internet Explorer і Netscape Communicator.

Microsoft Internet Explorer