WEB start

Компьютеры. Интернет. Профессиональное обучение. 055-966-10-17

hit counter

Программирование на JavaScript, DOM

Наши преимущества

  • Наши программы обучения ориентированы на конкретного слушателя. Вы можете обучаться по одной из предложенных Вам программ, а можете самостоятельно составить, откорректировать, откорректировать свою персональную программу обучения. Преподаватель, консультант помогают Вам сориентироваться в материале курса при выборе программы обучения.
  • Обучение индивидуальное. Преподаватель проводит занятие только для Вас, ориентируясь на Ваши возможности, предыдущие знания и опыт, скорость восприятия нового материала.
  • Вы учитесь в удобное для Вас время, в удобной для Вас форме, может быть выбран гибкий график занятий, в соответствии с Вашими возможностями и пожеланиями.
  • Обучение проводится дистанционно. Вы можете обучаться, сидя за Вашим компьютером дома или на работе, не тратя время на поездки к месту обучения.


Регистрация на сайте

Дополнительные материалы

DOM объекты браузера

Обновлено: 07.06.2018 09:08

DOM объекты браузера

Объект - navigator

Объект навигатора содержит информацию о браузере.

Объект Navigator можно получить, используя свойство объекта window - window.navigator.

window.navigator

или (для текущего окна)

navigator

Получить в цикле все свойства объекта navigator

function displProp(){ document.open(); for(let prop in window.navigator){ myString = eval("window.navigator." + prop); document.write("

" + prop + " : " + myString + "

"); } document.close(); }

Основные свойства объекта navigator 

Свойство  Описание
appCodeName Возвращает кодовое имя браузера
appName Возвращает имя браузера
appVersion Возвращает информацию о версии браузера
cookieEnabled Определяет, включены ли cookie в браузере
geolocation Возвращает объект Geolocation, который можно использовать для определения местоположения пользователя
language Возвращает язык браузера
onLine Определяет, находится ли браузер в сети
platform Возвращает, для какой платформы скомпилирован браузер
product Возвращает имя движка браузера
userAgent Возвращает заголовок пользовательского агента, отправленный браузером на сервер

Методы объекта navigator

Метод Описание
javaEnabled() Указывает, поддерживает ли браузер Java
taintEnabled() Удалено в версии 1.2 JavaScript. Указывает, включен ли браузер в tainting


Посмотреть список плагинов браузера

for (i=0; i<navigator.plugins.length; i++) { document.write("<tr><td>"); document.write(navigator.plugins[i].name); document.write("</td><td>"); document.write(navigator.plugins[i].filename); document.write("</td><td>"); document.write(navigator.plugins[i].description); document.write("</td></tr>"); } 


Объект - location

Свойство объекта window - location используется для доступа к URL-адресу документа, загруженного в настоящее время в окне, а также предоставляет информацию об общих функциональных возможностях навигации документа.

Его уникальность заключается в том, что он является свойством как объекта window, так и документа, поэтому window.location и document.location указывают на тот же объект.

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

Объект - location: свойства

Свойство Описание
hash Хеш URL-адреса, часть - anchor.
host Имя сервера и номер порта.
hostname Имя сервера без номера порта
href Полный URL-адрес загруженной страницы.
pathname Каталог и имя файла URL.
port Номер порта
protocol Используемый протокол.
search Строка запроса URL-адреса, начиная с вопросительного знака.

Объект - location: методы

Метод Описание
assign() Загружает новый документ
reload() Перезагружает текущий документ
replace() Заменяет текущий документ новым

Получить все свойства location


window.frames["out"].document.open(); for(let prop in window.location){ myString = eval("window.location." + prop); window.frames["out"].document.write("

" + prop + " : " + myString + "

"); } window.frames["out"].document.close();


Объект screen

Содержит информацию об экране посетителя.

Основные методы

Свойства Описание
availHeight Возвращает высоту экрана (исключая панель задач Windows)
availWidth Возвращает ширину экрана (исключая панель задач Windows)
colorDepth Возвращает глубину бит цветовой палитры для отображения изображений
height Возвращает общую высоту экрана
pixelDepth Возвращает разрешение цвета (в битах на пиксель) экрана
width Возвращает общую ширину экрана

Пример. Открыть новое окно, размеры которого рассчитываются в зависимости от размеров экрана.

winHeight = window.screen.availHeight/2; winWidth = window.screen.availWidth/2; // Строка - параметры нового окна newWinParams = "fullscreen=no, scrollbars=no, menubar=no, location=no, titlebar=no, toolbar=no, resizable=no, status=no, left=0, top=0, height=" + winHeight + ", width=" + winWidth ; win1 = window.open("","",newWinParams); // Вписать в новое окно кнопку "ЗАКРЫТЬ" win1.document.write("");

Объект history

Объект history содержит URL-адреса, которые посетил пользователь (в окне браузера).

Объект history является частью объекта window и доступен через свойство window.history.

Основные свойства

Свойства Описание
length Возвращает количество URL-адресов в списке

Основные методы

Метод Описание
back() Загружает предыдущий URL-адрес по списку адресов посещённых страниц
forward() Загружает следующий URL-адрес по списку адресов посещённых страниц
go() Загружает определенный URL из списка адресов посещённых страниц

Пример: перейти на страничку назад

window.history.back()



Похожие статьи