5. Об'єкт history (Переходи між Web-сторінками )

Об'єкт history містить список адрес URL, відвіданих у поточному сеансі. Кілька методів цього об'єкта дозволяють завантажувати в браузер різні ресурси і забезпечують навігацію по відвіданих ресурсів.

Властивості і методи, що застосовуються для переходів. Доступ до інфйормації про раніше відображені сторінки забезпечуеться наступними властивостями обєкта history:

1. history.current – містить рядок тільки для читання, що є адресою (URL) поточного Web-документа;

2. history.next – містить значення URL документа, який відкривався після цього в списку завантажуючих документів; цю властивість можна використовувати лише після повторного відкриття поточного документа;

3. history.previous – містить рядок URL документа, який відкривався перед цим документом;

4. history.length – визначає кількість адрес у списку завантажуючих документів (протягом поточного сеансу роботи).

Перелік методів об'єкта history:

1. go () - перехід на сторінку із списку history, яку відвідали. В якості аргумента методу використовується ціле число (позитивне для переходу вперед, негативне для переходу назад). Наприклад, go (-2) призводить до переходу на дві сторінки назад.

2. back () – відповідає переходу на попередню сторінку, тобто виклик цього методу призводить до того ж результату, що натискання кнопки Назад (Back) на панелі браузера.

3. Використання методу back () еквівалентно записи history.go (-1);

4. forward () – виконує перехід вперед в списку сторінок, які відвідали (аналогічно натискання кнопки Уперед (Forward) у вікні браузера). Виклик цього методу еквівалентний запису:

history.go (l)

Створення кнопок Назад і Вперед. У створювані Web-сторінки часто додаються кнопки, що дозволяють користувачеві легко переміщатися за списком відкритих документів. Для розміщення цих кнопок можна використовувати методи об'єкта history, а в якості самих кнопок – зображення, заздалегідь заготовлені у вигляді окремих графічних файлів. Приклад:

<HTML>

<HEAD>

<TITLE> Методи і властивості об'єкта History </ TITLE>

</ HEAD>

 <BODY>

<CENTER>

<Н1> Кнопки <br> Назад і Вперед </ Н1>

<А href = "javascript: history.go (-1);">

<IMG border = 0 src = "back.gif"> </A>

<A href="javascript:history.go(1);">

<IMG border = 0 src = "forward.gif"> </A>

<BR> <BR>

<INPUT type = "button" value = "Довжина списку History"

onclick = "alert (history.length);">

</ BODY>

</ HTML>

На Рисунку 6.3 показано, як виглядає ця сторінка у вікні Internet Explorer. Обидві кнопки працюють, коли поточною є не перша і не остання відкриваюча сторінка.

Рисунок 6.3 – Сторінка у вікні браузеру

Для отримання інформації про кількість записів в журналі потрібно натиснути кнопку Довжина списку history, потім у вікні повідомлення натиснути на кнопку ОК, щоб кнопки переходу між сторінками знову стали доступними.

6.6 Об'єкт event та screen

Об'єкт event дозволяє отримати інформацію про будь-яку подію, що відбувається в браузері. Ця інформація міститься в наступних властивостях:

• altKey – повертає стан клавіші Alt, коли відбувається подія;

• button – кнопка миші, що викликає подію;

• cancelBubble – встановлюється для заборони проходження заданої події вгору по об'єктній ієрархії;

• сlientX – повертає координату х елемента, виключаючи обрамлення, відступи, смуги прокрутки і т. д .;

• с1ientY – повертає координату у елемента, виключаючи обрамлення, відступи, смуги прокрутки і т. д .;

• CtrlKey – стан клавіші Ctrl при появі події;

• fromElement – повертає елемент, з якого пішов курсор миші, для подій onmouseover і onmouseout;

• keyCode – код ASCII натиснутої клавіші; є можливість змінювати значення, що передається об'єкту;

• offsetX – повертає координату Х показчика миші в пікселях відносно вмісту його елементу при виникненні події;

• offsetY – повертає координату Y показчика миші в пікселях відносно вмісту його елементу при виникненні події;

• reason – вказує, що переміщення даних пройшло успішно або через що воно припинилося;

• returnValue – визначає значення, що повертається для події;

• screenX – повертає горизонтальну координату покажчика миші відносно екрану, коли відбувається подія;

• screenY – повертає вертикальну координату покажчика миші відносно екрану, коли відбувається подія;

• shiftKey – визначає стан клавіші Shift при виникненні події;

• srcElement – повертає елемент, з якого почалося проходження події;

• srcFilter – повертає фільтр, який створив подію onfilterchange;

• toElement – повертає елемент, на який наїжджає курсор миші, при появі події onmouseover або onmouseout;

• type – повертає назву події як рядок, без приставки on;

• х – повертає координату х покажчика миші відповідно або до позиціонуючого батьківського елементу, або до вікна;

• у – повертає координату у покажчика миші відповідно або до позиціонуючого батьківського елементу, або до вікна.

• Властивості об'єкта event встановлюються в момент проходження події і більшість з них доступні тільки для читання (їх не можна змінити).

Об'єкт screen - містить інформацію про можливості екрану користувача і може застосовуватися, наприклад, для визначення розмірів створюваних вікон і вибору дозволу переданої графіки (немає сенсу завантажувати 32-бітове зображення, якщо монітор і відеокарта користувача підтримують тільки 256 кольорів). Об'єкт screen має такі властивості:

• availHeight – повертає висоту корисної області екрана без панелі завдань і подібних їй елементів графічного інтерфейсу системи;

• availWidth – повертає ширину корисної області екрана без панелі завдань і подібних їй елементів графічного інтерфейсу системи

• height – пове ртає висоту екрану користувача (в пікселях);

• width – повертає ширину екрану користувача (в пікселях);

• bufferDepth – визначає, чи використовується буфер для зберігання «другого екрану»;

• colorDepth – повертає інформацію, що дозволяє вирішити, як використовувати кольори на екрані; кількість біт на піксель пристрою або видеобуфера користувача;

• updateInterval – повертає або задає інтервал часу між оновленнями екрану користувача.