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

Об'єкт style в Navigator. JavaScript-стилі Navigator підтримує пряме звернення по ідентифікаторів тільки для об'єктів layer і не підтримує колекцію all. Та й підтримка атрибуту ID в ньому реалізована так собі, в основному, для присвоєння елементам стилів. Але об'єкт document Navigator

Об'єкт window об'єкт window представляє поточне вікно Web-оглядача або окремий фрейм, якщо вікно розділене на фрейми.closedВозвращает true, якщо поточне вікно закрите. Може бути використано при роботі з декількома окнамі.defaultStatusСообщеніе за замовчуванням, що відображається в рядку

Об'єкт layer Всі верстви, певні в документі, доступні як елементи колекції layers.document.layers; document.layers [ "somelayer"]; NN підтримує прямий доступ до шарів по імені. Імена верствам даються за допомогою атрибута NAME тегів і : Document.somelayer; Для доступу до шару, що знаходиться всередині

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

Об'єкт screen об'єкт screen служить для доступу до характеристик відеосистеми комп'ютера кліента.availHeightВозвращает висоту корисної області екрана без панелі завдань і подібних їй елементів графічного інтерфейсу сістеми.availWidthВозвращает ширину корисної області екрана без

Об'єкт Все, що знаходиться в тривимірному віртуальному просторі сцени - це об'єкти. Термін "об'єкт" означає щось, що знаходиться в тривимірному світі. Що б ми не створили у віртуальному просторі, це буде об'ект.Существует безліч видів об'єктів. належність

SQL Navigator Це найцікавіша частина FIBPlus Tools, яка не має аналогів в інших продуктах. Фактично це інструмент централізованої обробки SQL в рамках цілого додатки (рис. 2.54): Рис 2.54. Зовнішній вигляд SQL NavigatorSQLNavigator дозволяє розробнику зосередитися на написанні і

Палітра Navigator (Навігатор) Ця палітра виконує два завдання, які потрібно розрізняти: навігацію і масштабування (рис. 8.9). Мал. 8.9. Елементи палітри Navigator (Навігатор) 1. Робоча область. Складається з двох частин - невеликий копії всього відкритого зображення і обмежує

Даний об'єкт є суто інформаційним. Він надає інформацію про браузер.

Як приклад використання navigator виведемо всі властивості браузера:

об'єкт history

Відповідає за 2 кнопки: 'вперед' і 'назад'. Браузер, переходячи по посилання від сторінки до сторінки, зберігає історію цих переходів. Тобто можна повернутися на сторінку назад або перейти на сторінку вперед. Імітувати натискання цих кнопок можна з javaScript, використовуючи методи і властивості.

У об'єкта є властивість - length - довжина.

У об'єкта є методи: go (), back (), forward ().

Розглянемо приклад:

об'єкт location

Відповідає за адресний рядок. Дозволяє отримати і змінити адресу сторінки. Як тільки адреса змінюється, браузер автоматично переходить на нову адресу. Тобто можна зімітувати перехід за адресою.

є властивості:

• hash - мітка.
• host - hostname + port.
• hostname - це www і.ru в адресі сайту.
• href - містить адресний рядок. Тут можна написати іншу адресу, і браузер перейде за цією адресою.
• pathname - сама сторінка.
• port - використовуваний пост.
• protocol - це http: // або ftp: //.
• search - параметри після знака питання.

є методи:

• assign () - перехід за вказаною адресою.
• reload () - імітація натискання кнопки 'оновити'.
• replace () - перехід за вказаною адресою, але на відкритій сторінцінемає кнопки назад, тобто Ніколи не зберігати цю сторінку в історії.

об'єкт screen

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

• availHeight - доступна висота екрану.
• availWidth - доступна ширина екрану.
• colorDepth - кількість бітів, що відводиться для зберігання квітів (зараз не використовується).
• height - висота екрана користувача.
• width - ширина екрану користувача.
• updateInterval - частота оновлення екрану ЕПТ (не використовується).

Поле адреси в браузері зазвичай розташовується у верхній частині вікна і відображає 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. Найважливіші з властивостей цього об'єкта перераховані нижче.

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