Об’єкт document в javascript

Об'єкт document в javascript

Ми не будемо розбирати методи об'єкта Document просто тому, що нічого особливо цікавого там немає. Єдиний метод, який регулярно використовується - це write (). Але ми з ним так часто зустрічалися, що, думаю, що Ви з ним вже розібралися, і не варто про нього більше згадувати. Ми розберемо лише властивості об'єкта Document. І почнемо ми з властивості bgColor. що відповідає за колір фону. Відразу кажу, що властивості об'єкта Document доступні як для читання, так і для запису:

Після запуску скрипта фон стане червоним. Давно ми з Вами не писали цікавих завдань, і пора б це виправити. Давайте зробимо з Вами миготливий фон:

var counter = 0;
setInterval (blink 1000);
function blink () if (counter% 2 == 0) document.bgColor = "red";
else document.bgColor = "white";
counter ++;
>

Тепер пояснюю, як він працює. Спочатку створюється змінна counter. яка відповідає за кількість запусків функції. Потім запускається таймер, який викликає функцію blink () через кожні 1000 мілісекунд. Усередині функції blink () перевіряється на парність змінна counter (операція% - це залишок від ділення, в нашому випадку залишок від ділення на 2). Якщо counter - парне число, тобто залишок при діленні на 2 дорівнює 0. то фон стає червоним. Якщо залишок при діленні НЕ дорівнює 0 (тобто в нашому випадку він може дорівнювати лише 1), то, відповідно, зробити фон білим. І після цього збільшуємо на 1 змінну counter (щоб вона змінила парність). Потім наступний запуск і так до нескінченності. Це був приклад використання властивості bgColor.

Наступні три властивості відносяться до кольору посилань. Властивість linkColor - колір не відвіданих посилання, vlinkColor - колір відвіданих посилання, а властивість alinkColor - колір активного посилання (тобто ту, яку ми в даний момент натискаємо). Давайте найпростіший приклад приведу:

document.linkColor = "green";
document.vlinkColor = "red";
document.alinkColor = "blue";

Думаю, що тут все прозоро. Також зауважте, що це буде працювати не завжди. Зокрема, це залежить від браузера і його налаштувань. Наприклад, "відвіданих посилань" взагалі не буде, якщо користувач відключив збереження історії відвідувань в браузері.

Ще одна властивість відповідає за заголовок сторінки. Властивість називається title. і давайте його виведемо, а потім ще й поміняємо:

Ще одна властивість показує дату останньої модифікації сторінки - lastModified:

Якщо Ви змінили сторінку і після цього не йшли пити чай, то Ви побачите практично поточний час. Це і є дата останнього зміни сторінки.

if (document.referrer! = "")
document.write ( "Ви прийшли з:" + document.referrer);

Це далеко не всі властивості об'єкта Document. але я ще раз кажу, що цей об'єкт є величезним за значенням і за кількістю властивостей. І найближчі кілька статей, ми з Вами тільки і будемо робити, що розглядати численні властивості об'єкта Document. І вже в наступній статті ми познайомимося з ще однією властивістю об'єкта Document - location. яка сама є об'єктом і, причому, досить часто використовуються.