Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Цикл for...in - Все свойства объекта Объекты navigator, screen и location Использование JavaScript - Введение

Объекты navigator, screen и location - Информация о браузере и разрешении экрана - Текущий URL

Еще об объектах - Создание объекта

Урок №8 Объекты navigator, screen и location

Количество просмотров: 428

Здесь будут рассмотрены несколько объектов - это navigator, screen и location.

Все эти объекты является дочерними по отношению к глобальному объекту Window.

Доступ к ним осуществляется как к свойствам объекта Window, то есть через точку.

Объект navigator - информация о браузере и о ОС

Объект navigator - информация о браузере и о ОС

Объект navigator содержит информацию о браузере пользователя (в частности - доступно ли использование cookie файлов и включена ли поддержка Java).

Также объект navigator позволяет определить тип операционной системы.

Для удобства работы с объектом navigator выведем все его свойства на экран. Вспоминаем материал из предыдущего урока.

<script type="text/javascript">

var any; /* Произвольная переменная */

/* Цикл по свойствам для объекта navigator */
for(any in navigator)
{
document.write(any + "<br />");
}

</script>

Далее, при помощи свойств объекта navigator получим и выведем на экран следующие данные:

- информацию о браузере - свойство userAgent;

- язык браузера - свойство language;

- название операционной системы - свойство oscpu;

- включены ли куки - свойство cookieEnabled;

- подключен ли пользователь к сети Интернет - свойство onLine.

Доступ к свойствам объекта navigator осуществляется через точку.

<script type="text/javascript">

document.write("Название браузера: " + navigator.userAgent + "<br />");
document.write("Язык браузера: " + navigator.language + "<br />");
document.write("Название ОС: " + navigator.oscpu + "<br />");
document.write("Включены ли куки: " + navigator.cookieEnabled + "<br />");
document.write("Подключение к сети: " + navigator.onLine + "<br />");

</script>

Объект screen - Разрешение экрана пользователя

Объект screen - Разрешение экрана пользователя

Объект screen поможет получить данные о разрешении экрана пользователя, о глубине цвета и др.

С объектом screen поступим аналогично: сначала выведем на экран все его свойства.

<script type="text/javascript">

var any; /* Произвольная переменная */

/* Цикл по свойствам для объекта screen */
for(any in screen)
{
document.write(any + "<br />");
}

</script>

Свойства объекта screen

mozLockOrientation
.
.
.
dispatchEvent

Теперь при помощи свойств height и width объекта screen получим информацию: о разрешении экрана - его высоте и ширине в пикселях. А также о битовой глубине цветовой палитры - свойство colorDepth.

<script type="text/javascript">

document.write("Высота экрана: " + screen.height + "px <br />");
document.write("Ширина экрана: " + screen.width + "px <br />");

document.write("Глубина цвета: " + screen.colorDepth + "<br />");

</script>

Объект location - текущий URL-адрес

Объект location - текущий URL-адрес

Объект location возвращает URL-адрес текущего окна пользователя.

А также содержит данные о частях и компонентах текущего адреса: имя хоста, номер порта, протокол и т.д.

Свойства объекта location.

<script type="text/javascript">

var any; /* Произвольная переменная */

/* Цикл по свойствам для объекта location */
for(any in location)
{
document.write(any + "<br />");
}

</script>

Воспользуемся свойством href объекта location, чтобы вывести на экран URL-адрес текущего документа.

<script type="text/javascript">

document.write("URL-адрес: " + location.href);

</script>

Домашнее задание

Домашнее задание

Выполним домашнее задание по этому уроку.

Выясните, с какого браузера человек зашел на вашу страничку и, в зависимости от браузера, выведите на экран:

Если firefox: "Ваш браузер Firefox."
Если opera: "Ваш браузер Opera."
Если chrome: "Ваш браузер Chrome."

Для решения этого домашнего задания нужно:

ШАГ

При помощи свойства userAgent объекта navigator получить информацию о текущем браузере.

На момент решения этой задачи я получил следующие данные о браузерах Firefox, Opera и Chrome.

Firefox

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:56.0) Gecko/20100101 Firefox/56.0

Opera

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 OPR/48.0.2685.39

Chrome

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

ШАГ

При помощи регулярных выражений найти названия браузеров из информации о них.

См. также уроки о регулярных выражениях в теме «Свойства и методы строковых объектов».

ШАГ

При помощи метода match вернуть совпадения и составить условия if-else.

Обратите внимание: название Chrome присутствует не только в описании браузера Chrome, но и в данных о браузере Opera!!!
Этот момент нужно будет учесть при составлении условий.

Следует также напомнить: если метод match не находит совпадений, то он возвращает null.

<script type="text/javascript">

var browsers = navigator.userAgent; /* Информация о текущем браузере */

/* Составляем регулярные выражения для поиска совпадений в данных о браузере */
var regV_1 = /firefox/i; /* i - регистронезависимый шаблон */
var regV_2 = /chrome/i;
var regV_3 = /opr/i;

/* Составляем условия */
if (browsers.match(regV_1) != null)
{
document.write("Ваш браузер - Firefox");
}

/* Здесь учитываем, что Chrome присутствует в описании для Opera */
else if(browsers.match(regV_2) != null && browsers.match(regV_3) != "OPR")
{
document.write("Ваш браузер - Chrome");
}

else if(browsers.match(regV_3) != null)
{
document.write("Ваш браузер - Opera");
}

else
{
document.write("Вы используете НЕ известный браузер");
}

</script>

Главная Изучаем JavaScript Объекты navigator, screen и location Использование JavaScript - Введение

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru