
- •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
2.2. Масиви в JavaScript
Мова сценаріїв JavaScript припускає роботу з масивами умонтованих об'єктів, об'єктів браузера й об'єктів, створених програмістом. Нижче рассказывается про двох засоби, перший із який необхідний для версій браузеров Netscape Navigator, більш ранніх чим 3.0, а другий використовується новими браузерами фірм Netscape і Microsoft.
Перший засіб припускає створення власного класу. Це можна зробити, наприклад, так:
function createArray(nLength)
{
this.length = nLength;
for(var i = 1; i <= nLength; i++)
{
this[i] = 0;
}
return this;
}
3десь у класі визначена властивість з ім'ям length, що береже розмір масиву, переданий конструктору класу через параметр nLength. Конструктор виконує ініціалізацію масиву, записуючи в його осередки нульові значення. Таким чином, створюється масив для збереження чисел. Після ініціалізації конструктор повертає посилання на створений об'єкт, тобто на масив.
Як користуватися класом createArray? Насамперед, треба оголосити перемінну для збереження масиву, а потім створити об'єкт класу createArray за допомогою ключового слова new:
var myArray;
myArray = new createArray(256);
Після цього можна обертатися до осередків масиву:
mуАггау[0] = 255 mуАггау[1] = 254 myArray[255] = ПРО
Нумерація осередків починається з нуля.
Другий засіб створення масивів простіше. При його використанні можна створити масив як об'єкт умонтованого класу Array:
var myArray;
myArray = new Array(256);
...
myArray[0] = 255;
myArray [1] = 254;
myArray[255] = 0;
Тому що клас Array умонтований, не потрібно визначати його самостійно.
2.3. Об'єкт window
2.3.1. Властивості об'єкта window
Об'єкт window має властивості, що описують розміри вікна, розташовані у вікні фреймы, ім'я вікна, уміст рядка стана вікна й ін.:
Властивість Опис
defaultStatus Повідомлення, відображуване в рядку стани вікна браузера по умовчанню
frames Масив усіх фреймов даного вікна
length Кількість фреймов у батьківському вікні
name Ім'я вікна, зазначене при його відкритті методом open, а також у параметрі TARGET оператора <А> або в параметрі NAME оператора <FORM>
parent Синонім імені вікна. Ставиться до вікна, що містить набір фреймов
self Синонім імені вікна. Ставиться до поточного вікна
status Поточне повідомлення, відображуване в рядку стани вікна браузера
top Синонім імені вікна. Ставиться до вікна верхнього рівня
window Синонім імені вікна. Ставиться до поточного вікна
Властивість defaultStatus використовується тільки в браузере Netscape Navigator. Якщо записати в цю властивість довільне повідомлення, воно буде відображатися в рядку стани Netscape Navigator, коли вікно браузера висувається на передній план. На жаль, браузер Microsoft Internet Explorer версій 3.02 і 4.0 ігнорує властивість defaultStatus.
Властивість status застосовується обома конкуруючими браузерами. Періодично записуючи повідомлення в цю властивість і щораз зрушуючи це повідомлення на одну позицію, можна домогтися ефекту рядка, що біжить.
У браузере Microsoft Internet Explorer версії 4.0 рядок стана розділений на декілька областей. Область, уміст якої відповідає властивості status, розташована зліва і має щодо невеличкі розміри (особливо в режимах видеоадаптера з низьким дозволом).
Властивості windows і self - синоніми. Можна застосовувати любое з них за своїм розсудом.
Інші властивості, зокрема властивості frames і length, застосовуються в тому випадку, коли у вікно завантажений документ HTML із фреймами. Аналізуючи властивість length, можна визначити кількість фреймов у вікні, а за допомогою властивості frames (який є масивом) неважко одержати доступ до вікон цих фреймов.