Тема 8. Опрацювання форм

8.1. Об’єкти браузера

У мові JavaScript визначені об’єкти, які називаються об’єктами браузера. Кожний об’єкт відповідає певному елементу Web – сторінки: вікну, документу, зображенню, посиланню тощо. Кожний конкретний об’єкт належить до певного типу – класу об’єктів. Усі об’єкти певного класу характеризується однаковим переліком властивостей, які в першу чергу визначають зовнішній вигляд об’єктів. Управляти об’єктами можна за допомогою методів браузера. Об’єкти браузера утворюють ієрархічну структуру, на верхньому рівні якої розташовано об’єкт window.

Об’єкт window є власно вікном браузера, він є батьківським об’єктом по відношенню до всіх інших об’єктів. Безпосередньо підпорядкованими об’єктами по відношенню до об’єкту window є такі об’єкти:

• document – власно HTML – документ,

• frame – фрейм,

• location – URL – адреса документа,

• history – відомості про web – сторінки, що відображалися або відображуються у браузері, та ін.

Об’єктові document підпорядковані об’єкти, що належать до класу об’єктів:

• form – форми,

• image – зображення,

• link – посилання тощо.

Формі в свою чергу підпорядковані такі об’єкти:

• text - текстове поле,

• textarea – багаторядкове текстове поле,

• radio – перемикач,

• checkbox – прапорець,

• button – командна кнопка довільного призначення,

• reset - командна кнопка відміни та ін.

До елементів можна звернутися за іменем з визначенням місця об’єкту в ієрархії об’єктів починаючи з найвищого рівня. Рівні ієрархії відокремлюються один від одного крапкою.

Наприклад, якщо у документі створено форму з ім’ям frmMain і в ній розташовано текстове поле txtNum, то для звернення до текстового поля потрібно визначити:

window.document. frmMain.txtNum

Оскільки об’єкт window є вершиною ієрархії об’єктів і всі об’єкти йому підпорядковані, то його можна не вказувати. Таким чином, припустимим є таке звернення:

document.frmMain.txtNum

До елементів об’єкту history звернення відбувається за індексом. Наприклад, history[0] – поточна сторінка, history[-1] – попередня сторінка, history[1] – наступна сторінка.

Для застосування методу до об’єкту потрібно ввести ім’я об’єкту і, після крапки, ім’я методу. Наприклад, до об’єкту window можна застосувати методи:

• open – створення нового вікна браузера;

• close – зачинення вікна браузера;

• alert – виведення вікна, у якому міститься повідомлення для користувача;

• prompt – виведення вікна введення;

• confirm – виведення діалогового вікна підтвердження операції, у якому містяться кнопки OK і Cancel.

Для застосування методу можна визначити window.alert. Оскільки об’єкт window можна не визначати, раніше для використання методу визначалось просто alert().

Для об’єкта document існує метод write – запис інформації в документ. Цей метод також раніше використовувався document.write().

Для роботи зі значеннями властивостей об’єктів потрібно також після імені об’єкту поставити крапку і ввести назву властивості.

Наприклад, такий запис

var y = document.frmMain.txtNum.value;

означає, що змінній y привласнюється значення, що введено у текстове поле txtNum, яке знаходиться в формі frmMain.