- •1. Основні поняття
- •1.1. Сім варіацій на тему "Hello, world! "
- •1.1.1. Варіація перша: сама проста
- •1.1.2. Варіація друга: із секретним вихідним текстом
- •1.1.3. Варіація третя: із переменной і функціями
- •1.1.4. Варіація четверта: створення сторінки "на літу"
- •1.1.5. Варіація п'ята: із діалоговою панеллю
- •1.1.6. Варіація шоста: опрацювання події
- •1.1.7. Варіація сьома: із визначенням типу браузера
- •1.2. Перемінні в JavaScript
- •1.2.1. Оголошення перемінних
- •1.2.2. Присвоєння значення перемінним
- •1.2.3. Типи даних
- •1.2.4. Перетворення типів даних
- •1.3. Оператори мови JavaScript
- •1.3.1. Унарные оператори
- •1.3.2. Бинарные оператори
- •1.3.3. Оператори для роботи з окремими бітами
- •1.3.4. Оператори зсуву
- •1.3.5. Оператори відношення
- •1.3.6. Логічні оператори
- •1.3.7. Оператор присвоювання
- •1.3.8. Умовні оператори
- •1.3.9. Оператори циклу
- •1.3.10. Інші оператори
- •1.3.11. Старшинство операторів JavaScript
- •1.3.12. Функції в мові сценаріїв JavaScript
- •1.4. Приклади використання операторів циклу
- •2. Класи і об'єкти
- •2.1. Три типи об'єктів «JavaScript
- •2.1.1. Умонтовані об'єкти
- •2.1.2. Об'єкти браузера
- •2.1.3. Об'єкти на базі класів, утворюваних програмістом
- •2.2. Масиви в JavaScript
- •2.3.1. Властивості об'єкта window
- •2.3.2. Методи об'єкта window
- •2.4. Сценарії, що працюють з об'єктами window
- •2.4.1. Як закрити вікно браузера
- •2.4.2. Открываем нове окно
- •2.4.3. Текст , що біжить , у рядку стани браузера
- •2.4.4. Обмеження часу реакції користувача
- •2.4.5. Завантаження документа html у вікно браузера
- •2.5.1. Властивості об'єкта document
- •2.5.2. Методи об'єкта document
- •2.5.3. Колірне оформлення документа
- •2.5.4. Посилання і мітки в документі
- •2.6. Умонтований клас Math
- •2.6.1. Властивості
- •2.6.2. Методи
- •2.7. Умонтований клас Date
- •2.7.1. Конструктори класу Date
- •2.8. Умонтовані функції
- •2.9. Плавна зміна цвіту фона документа html
- •3. Робота з формами
- •3.1. Ієрархія об'єктів у формах
- •3.2. Форма і її властивості
- •3.2.2. Властивості об'єкта form
- •3.3. Об'єкти, що входять до складу форм
- •3.3.1. Кнопка button
- •3.3.2. Перемикач checkbox
- •3.3.3. Перемикач radio
- •3.3.4. Приклад форми з перемикачами
- •3.3.5. Список select
- •3.3.6. Приклади сценаріїв, що працюють із списками
- •3.3.7. Однострочное поле text
- •3.3.8. Перевірка анкети
- •3.3.9. Многострочное поле textarea
- •3.3.10. Приклад сценарію, що заповнює поле textarea
- •3.3.11. Однострочное поле password
- •3.3.12. Запровадження ідентифікатора і пароля
- •3.4. Перевірка заповнення форми
- •3.5. Шестнадцатеричный калькулятор
- •3.3.6. Електронні часи
- •4. Фреймы
- •4.1. Файл опису фреймов
- •4.2. Взаємодія між фреймами
- •4.2.1. Десятично-шестнадцатеричный перетворювач
- •4.2.2. Відображення декількох документів html
- •5. Растровые зображення
- •5.1. Растровое зображення як об'єкт
- •5.2. Динамічна заміна растровых зображень
- •5.2.1. Зміна зовнішнього вигляду графічних посилань
- •5.2.2. Створення анімаційних зображень
- •5.2.3. Чекання завантаження всіх зображень
- •6. Взаємодія з аплетами java
- •6.1. Вбудовування аплета Java у документ html
- •6.2. Виклик методів аплета Java із сценарію JavaScript
- •6.3. Доступ до полів аплета Java із сценарію JavaScript
- •6.4. Динамічне завантаження аплетов Java
- •7. Застосування cookie
- •7.1. Виконання основних операцій із cookie
- •7.1.1. Створення cookie
- •7.1.2. Одержання значення cookie
- •7.1.3. Зміна значення параметра cookie
- •7.1.4. Видалення cookie
- •7.1.5. Обмеження на використання cookie
- •7.2. Декілька прикладів використання cookie
- •7.2.1. Фіксація повторних провідин сторінки
- •7.2.2. Записна книжка Cookies Notepad
- •7.2.3. Настроювання параметрів документа html
- •7.2.5. Одержання cookie розширенням серверу Web
- •7.2.6. Лічильник провідин на базі cookie і програми cgi
- •7.3. Настроювання браузера для роботи з cookie
1.3.9. Оператори циклу
У JavaScript є декілька операторів, призначених для організації циклів.
Оператор for
Загальний вид оператора for поданий нижче:
for ( [ініціалізація;] [умова;] [ітерація])
{
...
рядки тіла циклу
...
}
У області ініціалізації виконується присвоювання початкових значень переменным циклу, припустимо оголошення нових перемінних за допомогою ключового слова var.
Друга область задає умову виходу з циклу. Ця умова оцінюється щораз при проходженні циклу. Якщо в результаті оцінки утворюється логічне значення true, виконуються рядки тіла циклу.
Область ітерації застосовується для зміни значень переменных циклу, наприклад для зменшення лічильника циклу.
Оператор for-in
Оператор for-in призначений для перегляду усіх властивостей об'єкта і записується в такому виді:
for (перемінна in об'єкт)
{
...
рядки тіла циклу
...
}
Оператор while
Для організації циклів із перевіркою умови їхній завершення перед виконанням ітерації використовується оператор while:
while (умова)
{
...
рядки тіла циклу
...
}
Якщо в результаті оцінки умови утворюється значення true, те ітерація виконується, якщо false - цикл переривається.
Оператор break
За допомогою оператора break можна перервати виконання циклу, створеного операторами for або while, у будь-якому місці. Наприклад:
var i = 0;
while (true)
{
...
i++;
if (i > 10) break;
...
}
Оператор continue
Виконання оператора continue усередині циклу for або while призводить до тому, що ітерація переривається, а потім відновляється наново. Цей оператор не перериває циклу.
Нижче приведений приклад використання оператора continue:
var i = 0;
while (1 < 100)
{
i++;
if (i < 10)
continue;
...
}
Тут фрагмент тіла циклу, відзначений крапкою, буде виконуватися тільки після того, як значення перемінної i стане рівним 10. Коли ж це значення досягне 100, цикл буде завершений.
1.3.10. Інші оператори
Серед інших операторів мови сценаріїв JavaScript доцільно роздивитися оператори доступу до поля, індексування масиву, скобки і кому:
Оператор Опис
. Доступ до поля об'єкта
[] Індексування масиву
() Скобки
, Кома
Перший із цих операторів застосовується для виклику методів, визначених в об'єктах, а також для доступу до полів об'єктів або, як їх ще називають, до властивостей об'єктів.
Нижче, наприклад, викликаний метод write, визначений в об'єкті document:
document. write("Hello, world! ");
Квадратні скобки використовуються для індексації масивів аналогічно тому, як це робиться в інших мовах програмування.
Круглі скобки застосовуються або для зміни порядку обчислення виражень, або для передачі параметрів функціям.
Оператор "кома" призначена для поділу виражень, що повинні оцінюватися послідовно. Цей прийом називається багатократним обчисленням. Наприклад, у фрагменті вихідного тексту, показаному нижче, на кожній ітерації циклу виконується збільшення вмісту перемінних i і nCycleCount:
var i;
var nCycleCount = 0;
for (i = 0; i < 25; i++, nCycleCount++)
{
...
}
1.3.11. Старшинство операторів JavaScript
Нижче приведена таблиця старшинства операторів JavaScript. За допомогою цієї таблиці можна визначити порядок обчислення складових операторів. При цьому варто враховувати, що всі логічні операції виконуються зліва праворуч.
Першими обчислюються оператори, розташовані на початку таблиці старшинства:
Оператори Опис
. [] () Доступ до поля, індексування в масиві, виклик функції
++ -- - ~ ! Унарные оператори
* / % Множення, розподіл, обчислення залишку від розподілу
+ - + Додавання, вирахування, злиття текстових рядків
<< >> >>> Бітові зсуви
< <= > >= Менше, менше або дорівнює, більше, більше або дорівнює
== != Рівність, нерівність
& Логічна операція И
^ Логічна операція щО ВИКЛЮЧАЄ АБО
| Логічна операція АБО
&& Логічний оператор відношення И
|| Логічний оператор відношення АБО
? : Умовний оператор
= += -= *= /= %= Присвоювання
>>= >>>= <<= |=
&= ^=
, Багатократне обчислення
