- •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
Програмування у мережі Internet. Частина 2. Основи мови JavaScript
ВСТУП
Конструкції JavaScript убудовуються безпосередньо у вихідний текст документів HTML і інтепретуються браузером у міру завантаження цих документів. Більш того, за допомогою JavaScript можна динамічно формувати і змінювати текст що завантажується документа HTML.
Ще одна особливість мови JavaScript - це його об'єктна орієнтованість. Програмістам доступні численні об'єкти, умонтовані в браузер і завантажені в нього документи, такі, як документи HTML, фреймы, форми, посилання на інші документи і т.д. Припускається створення власних класів, а також групування об'єктів і структур даних для розширення базових класів.
За допомогою конструкцій JavaScript, умонтованих у документи HTML, можна опрацьовувати події. Ці події виникають у результаті виконання користувачем різноманітних операцій над документом HTML, завантаженим у вікно браузера.
Незважаючи на те що нові версії Microsoft Internet Explorer "розуміють" мова JavaScript, існують різноманітні особливості. Фактично в браузере Microsoft Internet Explorer реалізована мова сценаріїв Jscript, що хоча і совместим із JavaScript, але ця сумісність не є повної.
1. Основні поняття
1.1. Сім варіацій на тему "Hello, world! "
1.1.1. Варіація перша: сама проста
Перша програма JavaScript уставить слова Hello, world! безпосередньо в документ HTML. У листинге 1.1 приведений вихідний текст документа з першою програмою, складеної на JavaScript.
Листинг 1.1. Файл chapter 1/heBo/heUo. html
<HTML>
<HEAD>
<TITLE>Hello, world!</TITLE>
</HEAD>
<BODY BGCOLOR=white>
<Hl>JavaScript Test</Hl>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("Hello, world!");
-->
</SCRIPT> </BODY> </HTML>
Документ HTML обмежений операторами <HTML>, </HTML> і складається з двох поділів. Роздів заголовка виділяється операторами <HEAD> і </HEAD>, а роздів тіла документа - операторами <BODY BGCOLOR=white> і </BODY>.
У заголовку оператор <BODY BGCOLOR=white> установлює білий цвіт фона документа, а оператори <Н1> і </Н1> задають стильове оформлення першого рядка документа "JavaScript Test", що служить рядком заголовка першого рівня.
Власне програма JavaScript у першому прикладі умонтована в документ HTML за допомогою операторів <SCRIPT> і </SCRIPT>:
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("Hello, world!");
//-->
</SCRIPT>
За допомогою оператора <SCRIPT> можна вбудувати в документ сценарій, складений на мові JavaScript або VBScript. Мова вказується за допомогою параметра LANGUAGE.
Текст сценарію оформлений як коментар із застосуванням операторів <!-- і -->, щоб сценарій не викликав проблем у користувачів, браузерыи яких не можуть працювати з JavaScript.
Перед символами --> записані два символи /. Інтерпретатори мови JavaScript, умонтовані в Microsoft Internet Explorer і Netscape Navigator, ігнорують символи <!--, що відзначають початок коментарю в документі HTML. Що ж стосується символів -->, те тут поводження основних конкуруючих браузеров різниться. Microsoft Internet Explorer ігнорує рядок, що складається тільки із символів -->, a Netscape Navigator розглядає її як помилкову.
Для забезпечення працездатності сценарію в різноманітних браузерах, додані до рядка --> два символи /, що застосовуються в JavaScript для виділення коментарів поряд із відомої з мови С конструкцією /*... */.
Перша програма містить тільки один рядок:
document. write("Hello, world! ");
Для об'єкта з ім'ям document визивається метод write із параметром - текстовим рядком "Hello, world!". Рядок закривається символом "точка з запятой", хоча цей символ може і відсутньому.
Об'єкт document - це документ HTML, завантажений у вікно браузера. Він містить у собі об'єкти, властивості і методи, призначені для роботи з елементами цього документа HTML, а також для взаємодії з іншими об'єктами.
Метод write програми записує в тіло документа HTML привітальний рядок "Hello, world! ". При цьому документ будет виглядати так, начебто цей рядок знаходиться в ньому на місці сценарію:
<HTML>
<HEAD>
<TITLE>Hello, world!</TITLE>
</HEAD>
<BODY BGCOLOR=white>
<Hl>JavaScript Test</Hl>
Hello, world!
</BODY>
</HTML>
Інтерпретатор HTML, умонтований у браузеры, припускає використання в документах HTML рядкових або прописних букв, не роблячи між ними розходження. Проте інтерпретатор JavaScript робить такі розходження, тому, укладаючи програму JavaScript, необхідно це враховувати.