Javascript об'єкт window navigator назва браузера. Об'єкти navigator, screen і location - Інформація про браузер та роздільну здатність екрана - Поточний URL. Методи об'єкта location

Поле адреси в браузері зазвичай розміщується у верхній частині вікна і відображає URL-адресу завантаженого документа. Якщо користувач хоче вручну перейти до будь-якої сторінки (набрати URL), він робить це в полі адреси.

Мал. 4.2.

Властивість locationоб'єкта window само є об'єктом класу Location. Клас Location, у свою чергу, є підкласом класу URL, до якого належать також об'єкти класів Areaі Link. Об'єкти Locationуспадковують усі властивості об'єктів URL, що дозволяє отримати доступ до будь-якої частини схеми URL. Докладніше про клас об'єктів URL ми розкажемо в "Програмування гіпертекстових переходів" .

З метою сумісності з колишніми версіями JavaScript, у мові підтримується також властивість window.document. location, що в даний час повністю дублює властивість window. locationз усіма його властивостями та методами. Розглянемо тепер властивості та методи об'єкта window. location(Події, пов'язані з цим об'єктом, немає).

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

Їх найпростіше продемонструвати на прикладі. Припустимо, що браузер відображає сторінку за адресою:

Тоді властивості об'єкта locationприймуть такі значення:

window.location.href = "http://www.site.ru:80/dir/page.cgi?product=phone&id=3#mark" window.location.protocol = "http:" window.location.hostname = " www.site.ru" window.location.port = 80 window.location.host = "www.site.ru:80" window.location.pathname = "dir/page.cgi" window.location.search = "?product =phone&id=3" window.location.hash = "#mark"

Як уже говорилося в попередніх лекціях, до властивостей об'єктів можна звертатися як за допомогою точкової нотації(як вище), так і за допомогою скобкової нотаціїнаприклад: window. location ["host"].

Методи об'єкта location

Методи об'єкту locationпризначені для керування завантаженням та перезавантаженням сторінки. Це управління у тому, що можна або перезавантажити поточний документ (метод reload ()), або завантажити новий (метод replace ()).

window.location.reload(true);

Метод reload ()повністю моделює поведінку браузера при натисканні на кнопку Reload на панелі інструментів. Якщо викликати метод без аргументу або вказати його рівним true, то браузер перевірить час останньої модифікації документа і завантажить його або з кеша (якщо документ не модифіковано), або з сервера. Така поведінка відповідає простому натисканню кнопки Reload браузера (F5 Internet Explorer). Якщо в якості аргументу вказати false, то браузер перезавантажить поточний документ із сервера, незважаючи ні на що. Така поведінка відповідає одночасному натисканню клавіші Shift та кнопки браузера Reload (або Ctrl+F5 в Internet Explorer).

Використовуючи об'єкт locationперейти на нову сторінкуможна двома способами:

window.location.href="http://www.newsite.ru/"; window.location.replace("http://www.newsite.ru/");

Різниця між ними – у відображенні цієї дії в історії відвідувань сторінок window. history. У першому випадку до історії відвідувань додасться новий елемент, що містить адресу "http://www.newsite.ru/", так що за бажання можна буде натиснути кнопку Back на панелі браузера, щоб повернутися до попередньої сторінки. У другому випадку нова адреса "http://www.newsite.ru/" замістить колишню в історії відвідувань, і повернутися до колишньої сторінки натисканням кнопки Back вже буде неможливо.

Історія відвідувань (history)

Історія відвідувань сторінок World Wide Webдозволяє користувачу повернутися до сторінки, яку він переглядав раніше у цьому вікні браузера. Історія відвідувань JavaScript трансформується в об'єкт window. history. Цей об'єкт вказує на масив URL-сторінок, які відвідував відвідувач і які він може отримати, вибравши з меню браузера режим Go. Методи об'єкту historyдозволяють завантажувати сторінки, використовуючи URL із цього масиву.

Щоб не виникло проблем з безпекою браузера, мандрувати History можна, тільки використовуючи індекс. При цьому URL як текстовий рядок програмісту недоступний. Найчастіше цей об'єкт використовують у прикладах або сторінках, на які можуть бути посилання з кількох різних сторінок, припускаючи, що можна повернутись до сторінки, на якій приклад буде завантажений:

Цей код відображає кнопку "Назад", натиснувши яку ми повернемося на попередню сторінку. Аналогічним чином діє метод history. forward (), переносячи нас на наступну відвідану сторінку.

Існує також метод go() , що має цілий аргумент і дозволяє перескакувати на кілька кроків вперед або назад з історії відвідувань. Наприклад, history .go(-3)перенесе нас на 3 кроки тому в історії перегляду. При цьому методи back() та forward ()рівносильні методу go() з аргументами -1 і 1 відповідно. Виклик history .go(0)призведе до перезавантаження поточної сторінки.

Тип браузера (navigator)

Часто виникає завдання налаштування сторінки на програму перегляду (браузер). При цьому можливі два варіанти: визначення типу браузера на стороні сервера або на стороні клієнта. Для останнього варіанту в арсеналі JavaScript є об'єкт window. navigator. Найважливіші властивості цього об'єкта перераховані нижче.

Розглянемо простий приклад визначення типу програми перегляду.

Об'єкт navigator

Об'єкт navigatorслужить для доступу до самої програми Web-браузера. Не плутайте його з об'єктом window, що представляє поточне вікно Web-браузера, і назвою програми Netscape Navigator.

appCodeName

Повертає ім'я коду програми Web-браузера. І для Internet Explorer, і для Navigator поверне рядок "Mozilla".

appMinorVersion

Повертає найменшу цифру номера версії програми Web-браузера. Наприклад, для Internet Explorer 5.0 поверне "0", а для 5.5 - "5".

Підтримується лише Internet Explorer починаючи з 4.0

Повертає ім'я Web-браузера, наприклад, "Netscape" або "Microsoft Internet Explorer".

appVersion

Повертає версію програми Web-браузера.

browserLanguage

Повертає код програми Web-браузера.

cookieEnabled

Повертає true, якщо Web-браузеру дозволено користувачем прийом cookie. Підтримується лише IE починаючи з 4.0

cpuClass

Повертає клас процесора клієнтського комп'ютера, наприклад, x86 або Alpha. Підтримується лише IE починаючи з 4.0

language

Повертає код мови програми Web-браузера. Підтримується тільки NN з 4.0

Повертає true, якщо клієнт зараз підключений до інтернету (перебуває в режимі on-line), і false, якщо відключений (off-line).

Підтримується лише IE починаючи з 4.0

platform

Повертає назву клієнтської платформи, наприклад "Win32".

системаLanguage

Повертає код мови операційної системиклієнта. Підтримується лише IE починаючи з 4.0

userAgent

Повертає рядок, що ідентифікує Web-браузер клієнта. Є комбінацією значень властивостей appCodeName та appVersion.

userLanguage

Те ж саме, що браузермови.

Підтримується лише IE починаючи з 4.0

Об'єкт navigatorпідтримує, крім того, метод javaEnabled(), що повертає true, якщо Web-браузеру дозволено користувачем виконання сценаріїв JavaScript.

Трохи докладніше хотілося б сказати про властивість appVersion, А точніше про значення, що їм повертається. Вся справа в тому, що у IE та NN воно буде різним.

Ось який формат буде у Navigator:

(Версія) [(Мова)] ((Операційна система); U|I)

Тут (Версія)являє собою версію Web-браузера, (Мова)- мова програми (але може і відсутня), (Операційна система)- Позначення операційної системи клієнта, наприклад, "Win96", "Win16" або "WinNT", літера "U" - американську версію програми, а "I" - інтернаціональну.

Наприклад:

4.0 (Win95; I)

В Internet Explorer формат виведення значень властивості appVersionінший:

(Сумісна версія Navigator) (compatible; (Версія); (Операційна система))

Тут (Операційна система)може приймати значення Windows 3.1, Windows 3.11, Windows 95 або Windows NT.

2.0 (compatible; 3.01; Win95)

Властивість userAgentповертає значення, що має формат:

(Значення appCodeName)/(Значення appVersion)

Тобто для двох попередніх прикладів ми отримаємо такі значення:

Mozilla/4.0 (Win95; I)Mozilla/2.0 (compatible; 3.01; Win95)