3. Об'єкт navigator (властивості браузера)

Об'єкт navigator містить загальну інформацію про браузер клієнта. Нижче перераховані властивості цього об'єкта і значення цих властивостей.

Таблиця 6.1 - Властивочті об'єкта navigator

Властивості	Значення	Поточне значення
appName	назва браузера	Opera
appVersion	номер версії браузера	9.80 (Windows NT 5.1; U; ru)
cookieEnabled	дозволено чи ні використання "ключиків", що дозволяють зберігати невеликі фрагменти інформації на комп'ютері клієнта	true
cpuClass	тип центрального процесору	undefined
systemLanguage	системна мова (наприклад, ru, якщо використовується російська версія Windows)	undefined
userLanguage	мова, вибрана користувачем для браузера ("Сервіс" - "Властивості оглядача" - "Загальні" - "Мови" - "Вибрати")	ru

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

unction tip_browsera ()

{

var brName = navigator.appName; // Назва браузера

var brVer = parseInt (navigator.appVersion); // версія браузера, як ціле число

if ((brName == "Netscape" && brVer <= 4) ||

(BrName == "Microsoft Internet Explorer" && brVer <= 3))

{

var s = "Увага! \ n \ n Документ містить таблиці стилів. \ n \ n Для оптимального перегляду \ n використовуйте браузери \ n Internet Explorer версії 4 і вище.";

alert (s);

}

return true;

}

4. Об'єкт location (Інформація про документ і вікна браузера)

Ще одним дочірнім об'єктом window є об'єкт location. Цей об'єкт визначає точне посилання (URL) на поточний Web-документ, завантажений у вікно браузера. Звернутися до location можна, наприклад, наступним рядком коду:

window.alert ("URL даного документа:" + window.location);

який виводить вікно повідомлення із зазначенням URL поточного документа.

Властивості. Властивості об'єкта location надають інформацію про URL документа, а методи об'єкта дозволяють перезавантажувати документ і замінювати поточний документ. Запишемо загальний формат URL, використовуючи позначення властивостей об'єкта location:

protocol: // hostname: port / pathname? search # hash

Кожне з властивостей об'єкта location є рядком для читання / запису, яка містить одну або більше складових URL. Зміна значень властивостей об'єкта location призводить до читання нового URL браузером. Перерахуємо властивості об'єкта location:

1. protocol – властивість, яка відповідає типу ресурсу; воно повертає значення:

http: //, ftp: //, f ile:, mailto: і т.д.

2. hostname – властивість, що містить ім'я хоста;

3. port – властивість, що представляє номер порту;

4. host – це властивість, яка повертає значення hostname, після якого через двокрапку вказано номер порту (port);

5. pathname – властивість, що повертає шлях до ресурсу;

6. search – властивість, яка представляє рядок пошуку, що включає мітку ?;

7. hash – складова URL, яка включає мітку закладки #; ця властивість повертає ім'я якоря в HTML-файлі;

8. href – властивість, що відповідає повному URL.

До кожного з перерахованих властивостей потрібно звертатися з урахуванням положення об'єкта location в ієрархії об'єктів. Наприклад, на властивість href можна послатися за допомогою одного з наступних рядків:

window.location.href

location.href

document.1inks [i] .href

Аналогічно виконуються посилання на будь-яку іншу властивість location.

Перезавантаження і заміна поточної сторінки (методи об'єкта location). Об'єкт location має два методи: reload () і replace ():

Метод reload () - дозволяє перезавантажити сторінку, наприклад, в разі зміни сторінки. Тобто reload () в цьому випадку викликає ту саму дію, що і натискання кнопки Оновити (Refresh) в браузері. Однак, якщо кнопка Оновити призводить до перезавантаження лише в разі, коли сторінка була змінена, метод reload () дозволяє виконати перезавантаження навіть в разі відсутності змін. Для цього при виклику методу використовується булевий аргумент: reload (force). Якщо force приймає значення true, перезавантаження проводиться в безумовному порядку, якщо ж аргумент має значення false, сторінка перезавантажується лише при наявності змін.

За допомогою другого методу, replace (url), можна замінити поточну сторінку на іншу, вказану в аргументі url. Цей метод часто виявляється корисним для виконання переадресації на стороні клієнта. Наведемо приклад документа, в якому є сценарій запиту про заміну поточної сторінки:

<HTML> <HEAD>

<ТIТLЕ> Заміна сторінки </ ТIТLЕ>

</ HEAD>

<BODY>

<! - Вихідна сторінка ->

<Н1> Приклад заміни поточної сторінки </ Н1>

<SCRIPT>

if (confirm ( "Чи потрібен прогноз погоди на сьогодні?")) location.replace ( "http://www.wheather.com/today.html");

</ SCRIPT>

</ BODY>

</ HTML>

У цьому прикладі після завантаження вихідної сторінки з'явиться діалогове вікно із запитом, яке показано на рисунку 6.2.

Рисунок 6.2 – Вікно із запитом

Якщо ви натиснете кнопку ОК, поточна сторінка буде замінена на нову, вказану як аргумент методу location. replace (). При натисканні на кнопку Скасування або на клавішу Esc заміна поточної сторінки не відбудеться.