Об'єктна модель документа. Основні об'єкти і властивості

Нам відомо, що існують об'єкти, наприклад, document, і методи, наприклад, write, які впливають на об'єкти. Тепер розглянемо концепцію властивостей. Властивості є частиною або якістю об'єкту. Ми працювали з властивістю документа bgColor.

Було б важко описати всі можливі властивості. Тому тут будуть розглянуті лише найбільш популярні з них і вказано, яку користь вони можуть принести.

Нижче ви побачите декілька сценаріїв, але всі вони складені за однією схемою: для кожної команди об'єкт.властивість (object.property) створюється змінна, потім змінні поміщаються в команду document.write() для виводу.

Властивості об'єкту navigator

<SCRIPT LANGUAGE="javascript">

var an = navigator.appName;

var av = navigator.appVersion;

var acn = navigator.appCodeName;

var ua = navigator.userAgent;

document.write("Ви користуєтеся <B>" +an+ "</B> версія " +av+ ".<BR>Кодова назва " +acn+ ", заголовок " +ua+ "." );

</SCRIPT>

Люди люблять ці властивості. Об'єкт navigator має чотири властивості. Зверніть увагу на заголовні букви!

• appName повідомляє назву браузеру, наприклад, Netscape або Explorer.

• appVersion повідомляє версію браузеру і платформу, на якій він працює.

• appCodeName повідомляє кодове ім'я, дане браузеру, наприклад, Netscape називає свій браузер Mozilla.

• userAgent повідомляє заголовок протоколу передачі гіпертексту, використовуваного браузером під час роботи з серверами.

Інколи важливо знати версію браузера. Пізніше ми вивчимо команди if (якщо). Знаючи браузер користувача і його версію, можна дати команду: "Якщо браузер такий-то, зробити те-то."

Властивості об'єкту document

<SCRIPT LANGUAGE="javascript">

var bgc = document.bgColor;

var fgc = document.fgColor;

var lc = document.linkColor;

var al = document.alinkColor;

var vlc = document.vlinkColor;

var url = document.location;

var ref = document.referrer;

var t = document.title;

var lm = document.lastModified;

document.write("Колір фону цієї сторінки <B>" +bgc+ "</B>.")

document.write("<BR> Колір тексту цієї сторінки <B>" +fgc+ "</B>.")

document.write("<BR> Колір заслань цієї сторінки <B>" +lc+ "</B>.")

document.write("<BR> Колір активного посилання цієї сторінки <B>" +al+ "</B>.")

document.write("<BR> Колір відвіданого посилання цієї сторінки <B>" +vlc+ "</B>.")

document.write("<BR>URL цієї сторінки <B>" +url+ "</B>.")

document.write("<BR>До цього ви були на сторінці <B>" +ref+ "</B>.")

document.write("<BR>Заголовок цієї сторінки <B>" +t+ "</B>.")

document.write("<BR>Останні зміни до документа внесені: <B>" +lm+ "</B>.")

</SCRIPT>

Властивості документа HTML дуже популярні в JavaScript. Тут перераховані дев'ять. Насправді їх тринадцять, але останні чотири нам поки що не потрібні. Вони перераховані нижче.

• bgColor повертає шістнадцятиричний код колір фону.

• fgColor повертає шістнадцятиричний код кольору тексту.

• linkColor повертає шістнадцятиричний код кольору посилання.

• alinkColor повертає шістнадцятиричний код кольору активного посилання.

• vlinkColor повертає шістнадцятиричний код кольору відвіданого посилання.

• location повертає URL сторінки.

• referrer повідомляє, з якої сторінки прийшов користувач. Якщо інформація недоступна, то повертається порожнє місце.

• title повертає заголовок документа HTML, т .е. текст між командами TITLE.

• lastModified повідомляє дату, коли були внесені останні зміни в сторінку (насправді дату, коли сторінка була завантажена на сервер або збережена останній раз на жорсткому диску).

• cookie (не показано) повертає текстовий файл cookie.

• anchors (не показано) повертає кількість анкерів HREF на сторінці.

• forms (не показано) повертає масив (список) об'єктів форми на сторінці.

• links (не показано) повертає кількість всіх окремих посилань.

В даному випадку також за допомогою команди if можна сказати: "Якщо час більше 6 вечора, хай текст буде білий, а фон чорний. Якщо ще немає 6 вечорів, то хай фон буде блакитний, а текст зелений". Існує безліч способів використовувати властивості документа.