Разное

Javascript location document: Справочник javascript: window.location

Содержание

Справочник javascript: window.location




































Получает/устанавливает URL окна и его компоненты

Описание, примеры

Значением этого свойства является объект типа Location.

Объект Location

Метод toString этого объекта возвращает URL, а различные свойства позволяют получить/установить отдельные компоненты адреса.

Для некоторых строковых операций необходимо явно преобразовать Location к строке:

window.location.toString().charAt(17)
Свойства объекта Location

Все следующие свойства являются строками.
Колонка «Пример» содержит их значения для URL:

  • http://www.google.com:80/search?q=javascript#test
СвойствоОписаниеПример
hashчасть URL, которая идет после символа решетки ‘#’, включая символ ‘#’#test
hostхост и портwww.google.com:80
hrefвесь URLhttp://www.google.com:80/search?q=javascript#test
hostnameхост (без порта)www.google.com
pathnameстрока пути (относительно хоста)/search
portномер порта80
protocolпротоколhttp:
searchчасть адреса после символа ?, включая символ ??q=javascript

В Firefox есть баг: если hash-компонент адреса содержит закодированные (см. encodeURIComponent) символы, свойство hash возвращает раскодированный компонент. Например, вместо %20 будет пробел и т.п. Другие браузеры ведут себя корректно и не раскодируют hash.

Методы объекта Location
assign(url)
загрузить документ по данному url
reload([forceget])
перезагрузить документ по текущему URL. Аргумент forceget — булево значение, если оно true, то документ перезагружается всегда с сервера, если false или не указано, то браузер может взять страницу из своего кэша.
replace(url)
заменить текущий документ на документ по указанному url. Разница, по сравнению с assign() заключается в том, что после использования replace() страница не записывается в истории посещений. В частности, это значит, что посетитель не сможет использовать для возврата

BOM — Объект Location

Объект window.location может использоваться для получения адреса (URL) текущей страницы и перенаправления браузера на новую страницу.

Объект window.location может записываться без префикса window.

Некоторые примеры:

  • window.location.href возвращает ссылку (URL) текущей страницы
  • window.location.hostname возвращает доменное имя веб-хоста
  • window.location.pathname возвращает путь и имя файла текущей страницы
  • window.location.protocol возвращает использованный веб-протокол (http: или https:)
  • window.location.assign загружает новый документ

Свойство window.location.href возвращает URL текущей страницы.


document.getElementById("demo").innerHTML =
"Адрес страницы: " + window.location.href;

Свойство window.location.hostname возвращает имя интернет хоста (текущей страницы).


document.getElementById("demo").innerHTML =
"Имя хоста страницы: " + window.location.hostname; 

Свойство window.location.pathname возвращает путь текущей страницы.


document.getElementById("demo").innerHTML =
"Путь страницы: " + window.location.pathname; 

Свойство window.location.protocol возвращает веб-протокол страницы.


document.getElementById("demo").innerHTML =
"Протокол страницы: " + window.location.protocol; 

Свойство window.location.port возвращает номер порта интернет хоста (текущей страницы).


document.getElementById("demo").innerHTML =
"Номер порта: " + window.location.port; 

Внимание! Большинство браузеров не покажут номер порта по умолчанию (80 для http и 443 для https).

Переход на новый адрес

Метод window.location.assign() загружает новый документ:


<html>
<head>
<script>
function newDoc() {
   window.location.assign("https://msiter.ru")
}
</script>
</head>
<body>

<input type="button" value="Загрузить новый документ">

</body>
</html> 

BOM — Объект History Вверх BOM — Объект Screen

JavaScript Местоположение | Schoolsw3.com



Объект window.location может
использоваться для получения текущего адреса страницы (URL) и перенаправления браузера на новую страницу.


Местоположение окна

Объект window.location объект может быть записан без префикса window.

Несколько примеров:

  • window.location.href возвращает href (URL) текущей страницы
  • window.location.hostname возвращает доменное имя веб хоста
  • window.location.pathname возвращает путь и имя файла текущей страницы
  • window.location.protocol возвращает используемый веб протокол (http: или https:)
  • window.location.assign() загрузка нового документа

Местоположение текущей страницы

Свойство window.location.href возвращает URL текущей страницы.

Пример

Отображение href (URL) текущей страницы:

document.getElementById(«demo»).innerHTML =
«Местоположение страницы: » + window.location.href;

Результат:

Попробуйте сами »


Местоположение имени хоста

Свойство window.location.hostname возвращает имя хоста интернета (текущей страницы).

Пример

Отображение имени хоста:

document.getElementById(«demo»).innerHTML =
«Имя хоста страницы: » + window.location.hostname;

Результат:

Попробуйте сами »



Местоположение файла

Свойство window.location.pathname возвращает путь к текущей странице.

Пример

Отображение пути к текущему:

document.getElementById(«demo»).innerHTML =
«Путь к странице » + window.location.pathname;

Результат:

Попробуйте сами »


Местоположение протокола

Свойство window.location.protocol возвращает веб протокол страницы.

Пример

Отображение веб протокола:

document.getElementById(«demo»).innerHTML =
«Страница протокола » + window.location.protocol;

Результат:

Попробуйте сами »


Местоположение порта

Свойство window.location.port возвращает номер порта хоста интернета (текущей страницы).

Пример

Отображение имени хоста:

document.getElementById(«demo»).innerHTML =
«Номер порта » + window.location.port;

Результат:

Попробуйте сами »

Большинство браузеров не будут отображать номера портов по умолчанию (80 для http и 443 для https)


Местоположение назначения

Метод window.location.assign() загружает новый документ.

Пример

Загрузить новый документ:

function newDoc() {
 
window.location.assign(«https://schoolsw3.com»)
}

<input type=»button» value=»Загрузить новый документ»
onclick=»newDoc()»>

</body>
</html>

Попробуйте сами »

Document | JavaScript справочник






































СвойствоОписаниеChromeFirefoxOperaSafariIExplorerEdge
bodyПредставляет ссылку на узел <body> или <frameset> текущего документа, или null, если такой элемент не существует. Элемент <frameset> не поддерживается в HTML 5.ДаДаДаДаДаДа
characterSetВозвращает кодировку для текущего документа. Свойство доступно только для чтения.45.044.034.09.09.0Да
cookieПолучает или задает cookie (небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя), связанных с текущим документом.ДаДаДаДаДаДа
defaultViewВозвращает ссылку на объект Window, связанный с документом, или null, если он недоступен.ДаДаДаДа9.0Да
designModeУправляет возможностью редактирования всего документа.ДаДаДаДаДаДа
dirВозвращает, или задает направление текста документа (слева направо (по умолчанию) или справа налево).ДаДаДаДаДаДа
doctypeВозвращает объявление (декларацию) типа документа (Document Type Declaration), связанное с текущим документом.ДаДаДаДаДаДа
documentElementВозвращает элемент (объект Element), являющийся корневым элементом документа (например, элемент <html> для документов типа HTML).ДаДаДаДаДаДа
documentURIВозвращает в виде строки текущий адрес документа.ДаДаДаДаДаДа
DocumentOrShadowRoot.
activeElement
Возвращает элемент в дереве DOM, или shadowDOM, который в данный момент имеет фокус53.0Да40.0ДаДаДа
DocumentOrShadowRoot.
fullscreenElement
Свойство доступное только для чтения возвращает элемент, который в настоящее время представлен в полноэкранном режиме в этом документе, или значение null, если полноэкранный режим в настоящее время не используется.53.0
-webkit-
64.040.0
-webkit-
Да
-webkit-
Да
-webkit-
Да
-webkit-
DocumentOrShadowRoot.
pointerLockElement
Предоставляет набор элементов в качестве целевого объекта для событий мыши, когда указатель заблокирован.53.0Да40.0ДаДаДа
DocumentOrShadowRoot.
styleSheets
Возвращает коллекцию StyleSheetList, содержащую объекты CSSStyleSheet, описывающих стили явно связанных или внедренных в текущем документе.53.0Да40.0ДаДаДа
domainВозвращает, или задает доменную часть источника текущего документа, используемую той же политикой источника.ДаДаДаДаДаДа
embedsВозвращает список элементов внедренных с использованием HTML элемента <embed>, содержащихся в текущем документе.ДаДаДаДаДаДа
fontsВозвращает объект FontFaceSet, который управляет загрузкой шрифтов и запросом их статуса загрузки для текущего документа.60.041.047.010.0НетНет
formsВозвращает коллекцию HTMLCollection со списком всех элементов <form>, содержащихся в текущем документе.ДаДаДаДаДаДа
headВозвращает элемент <head>, содержащийся в текущем документе.ДаДаДаДа9.0Да
hiddenВозвращает логическое значение, которое указывает на то, считается ли страница скрытой, или нет.33.018.012.17.010.0Да
imagesВозвращает коллекцию изображений в текущем HTML документе.ДаДаДаДаДаДа
implementationВозвращает объект DOMImplementation, связанный с текущим документом. Этот объект определяет методы, не относящиеся к какому-либо конкретному объекту Document, а являющиеся глобальными для реализации DOM.ДаДаДаДаДаДа
lastModifiedВозвращает строку, содержащую дату и время последнего изменения текущего документа.ДаДаДаДаДаДа
linksВозвращает коллекцию всех элементов <area> и <a> со значением атрибута href, содержащихся в текущем документе.ДаДаДаДаДаДа
locationВозвращает объект Location, который содержит сведения об URL адресе документа и предоставляет методы для изменения этого URL адреса, и загрузки другого URL адреса.ДаДаДаДаДаДа
pluginsВозвращает коллекцию HTMLCollection, содержащую один, или несколько элементов <embed> в текущем документе, или null, если в документе нет вложений.ДаДаДаДаДаДа
scriptsВозвращает коллекцию HTMLCollection всех элементов <script>, содержащихся в текущем документе.ДаДаДаДаДаДа
scrollingElementВозвращает ссылку на элемент (объект Element), прокручивающий текущий документ.44.048.031.09.0НетДа
visibilityStateВозвращает строковое значение определяющее видимость документа (находится ли документ в фоновом режиме, или на невидимой вкладке, или загружается только для предварительной отрисовки).33.018.012.17.010.0Да
ParentNode.childElementCountВозвращает количество дочерних элементов конкретного узла.ДаДаДаДа9.0Да
ParentNode.childrenВозвращает живую коллекцию (HTMLCollection), которая содержит все дочерние элементы узла, на котором он был вызван.ДаДаДаДа9.0*Да
ParentNode.firstElementChildВозвращает первый дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет.ДаДаДаДа9.0Да
ParentNode.lastElementChildВозвращает последний дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет.ДаДаДаДа9.0Да
readyStateОписывает состояние загрузки документа.ДаДаДаДа9.0Да
referrerВозвращает URI страницы, с которой был осуществлен переход на текущую страницу.ДаДаДаДаДаДа
titleПолучает или задает текущее название документа (содержимое элемента <title>).ДаДаДаДаДаДа
URLВозвращает расположение документа в виде строки.ДаДаДаДаДаДа

Document — Веб-технологии для разработчиков

DocumentChrome
Полная поддержка

1
Edge
Полная поддержка

12
Firefox
Полная поддержка

1
IE
Полная поддержка

4
Opera
Полная поддержка

3
Safari
Полная поддержка

1
WebView Android
Полная поддержка

1
Chrome Android
Полная поддержка

18
Firefox Android
Полная поддержка

4
Opera Android
Полная поддержка

10.1
Safari iOS
Полная поддержка

1
Samsung Internet Android
Полная поддержка

1.0
Document() constructorChrome
Полная поддержка

60
Edge
Полная поддержка

≤18
Firefox
Полная поддержка

Да
IE
Нет поддержки

Нет
Opera
Полная поддержка

47
Safari
Полная поддержка

Да
WebView Android
Полная поддержка

60
Chrome Android
Полная поддержка

60
Firefox Android
Полная поддержка

Да
Opera Android
Полная поддержка

44
Safari iOS
Полная поддержка

Да
Samsung Internet Android
Полная поддержка

8.0
DOMContentLoaded eventChrome
Полная поддержка

1
Edge
Полная поддержка

12
Firefox
Полная поддержка

1
IE
Полная поддержка

9
Opera
Полная поддержка

9
Safari
Полная поддержка

3.1
WebView Android
Полная поддержка

1
Chrome Android
Полная поддержка

18
Firefox Android
Полная поддержка

4
Opera Android
Полная поддержка

10.1
Safari iOS
Полная поддержка

2
Samsung Internet Android
Полная поддержка

1.0
URLChrome
Полная поддержка

1
Edge
Полная поддержка

12
Firefox
Полная поддержка

Да
IE
Полная поддержка

Да
Opera
Полная поддержка

Да
Safari
Полная поддержка

Да
WebView Android
Полная поддержка

Да
Chrome Android
Полная поддержка

Да
Firefox Android
Полная поддержка

Да
Opera Android
Полная поддержка

Да
Safari iOS
Полная поддержка

Да
Samsung Internet Android
Полная поддержка

Да
adoptNodeChrome
Полная поддержка

1
Edge
Полная поддержка

12
Firefox
Полная поддержка

Да
IE
Полная поддержка

9
Opera
Полная поддержка

Да
Safari
Полная поддержка

Да
WebView Android
Полная поддержка

Да
Chrome Android
Полная поддержка

Да
Firefox Android
Полная поддержка

Да
Opera Android
Полная поддержка

Да
Safari iOS
Полная поддержка

Да
Samsung Internet Android
Полная поддержка

Да
alinkColor УстаревшаяНестандартнаяChrome
Полная поддержка

64


Полная поддержка

64
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Edge
Полная поддержка

12
Firefox
Полная поддержка

Да
IE
?
Opera
Полная поддержка

Да
Safari
Полная поддержка

Да
WebView Android
Полная поддержка

64


Полная поддержка

64
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Chrome Android
Полная поддержка

64


Полная поддержка

64
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Firefox Android
Полная поддержка

Да
Opera Android
Полная поддержка

Да
Safari iOS
Полная поддержка

Да
Samsung Internet Android
Полная поддержка

9.0


Полная поддержка

9.0
Замечания Before Samsung Internet 9.0, this property was accessed through the HTMLDocument alias.
all НестандартнаяChrome
Полная поддержка

64


Полная поддержка

64
Замечания Starting in Chrome 65, this property is readonly.
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Edge
Полная поддержка

12
Firefox
Полная поддержка

Да
IE
?
Opera
Полная поддержка

Да
Safari
Полная поддержка

Да
WebView Android
Полная поддержка

64


Полная поддержка

64
Замечания Starting in Chrome 65, this property is readonly.
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Chrome Android
Полная поддержка

64


Полная поддержка

64
Замечания Starting in Chrome 65, this property is readonly.
Замечания Before Chrome 64, this property was accessed through the HTMLDocument alias.
Firefox Android
Полная поддержка

Да
Opera Android
Полная поддержка

Да
Safari iOS
Полная поддержка

Да
Samsung Internet Android
Полная поддержка

9.0


Полная поддержка

9.0
Замечания Starting in Samsung Internet 9.0, this property is readonly.
Замечания Before Samsung Internet 9.0, this property was accessed through the HTMLDocument alias.
anchors

Расположение окна JavaScript


Объект window.location может использоваться для получения
адрес текущей страницы (URL) и перенаправить браузер на новую страницу.


Расположение окна

Объект window.location можно записать без префикса окна.

Некоторые примеры:

  • window.location.href возвращает href (URL) текущей страницы
  • окно.location.hostname возвращает доменное имя веб-хоста
  • window.location.pathname возвращает путь и имя файла текущей страницы
  • window.location.protocol возвращает используемый веб-протокол (http: или https 🙂
  • window.location.assign () загружает новый документ

Расположение окна Href

Свойство window.location.href возвращает URL-адрес текущей страницы.

Пример

Отображение href (URL) текущей страницы:

document.getElementById («demo»). innerHTML =
«Расположение страницы:» + window.location.href;

Результат:

Попробуй сам »


Расположение окна Имя хоста

Свойство window.location.hostname возвращает имя интернет-хоста (текущей страницы).

Пример

Показать имя хоста:

документ.getElementById («демонстрация»). innerHTML =
«Имя хоста страницы» + window.location.hostname;

Результат:

Попробуй сам »



Путь к расположению окна

Свойство window.location.pathname возвращает путь к
текущая страница.

Пример

Показать путь к текущему URL-адресу:

document.getElementById («демонстрация»). innerHTML =
«Путь к странице равен» + window.location.pathname;

Результат:

Попробуй сам »


Протокол определения местоположения окна

Окно .Свойство location.protocol возвращает веб-протокол страницы.

Пример

Показать веб-протокол:

document.getElementById («демонстрация»). innerHTML =
«Протокол страницы» + window.location.protocol;

Результат:

Попробуй сам »


Порт расположения окна

Свойство window.location.port возвращает номер интернет-хоста.
порт (текущей страницы).

Пример

Показать имя хоста:

документ.getElementById («demo»). innerHTML =
«Порт
число: «+ window.location.port;

Результат:

Попробуй сам »

Большинство браузеров не отображают номера портов по умолчанию (80 для http и 443 для https)


Назначить расположение окна

Метод window.location.assign () загружает новый документ.

Пример

Загрузить новый документ:

функция newDoc () {

window.location.assign («https://www.w3schools.com»)
}


Попробуй сам »

.

Объекты документа HTML DOM

Свойство / метод Описание
активный элемент Возвращает текущий сфокусированный элемент в документе
addEventListener () Присоединяет обработчик событий к документу
принять узел () Принимает узел из другого документа
анкера Возвращает коллекцию всех элементов в документе, имеющих атрибут имени
апплетов Возвращает коллекцию всех элементов в документе
baseURI Возвращает абсолютный базовый URI документа
кузов Задает или возвращает тело документа (элемент)
закрыть () Закрывает выходной поток, ранее открытый с документом.открытый ()
печенье Возвращает все пары «имя / значение» файлов cookie в документе.
кодировка Не рекомендуется. Вместо этого используйте characterSet. Возвращает кодировку символов для документа
набор символов Возвращает кодировку символов для документа
createAttribute () Создает узел атрибута
createComment () Создает узел комментария с указанным текстом
createDocumentFragment () Создает пустой узел DocumentFragment
createElement () Создает узел элемента
createEvent () Создает новое событие
createTextNode () Создает текстовый узел
по умолчанию Просмотр Возвращает объект окна, связанный с документом, или null, если он недоступен.
Конструкция Модель Управляет возможностью редактирования всего документа.
doctype Возвращает объявление типа документа, связанное с документом
документ Элемент Возвращает элемент документа документа (элемент)
документ Режим Возвращает режим, используемый браузером для визуализации документа
документURI Задает или возвращает расположение документа
домен Возвращает доменное имя сервера, на котором загружен документ.
domConfig Устарело.Возвращает конфигурацию DOM документа
закладные Возвращает коллекцию всех элементов документа
execCommand () Вызывает указанную операцию буфера обмена для элемента, имеющего в данный момент фокус.
форм Возвращает коллекцию всех элементов

в документе
полноэкранный режим Элемент Возвращает текущий элемент, отображаемый в полноэкранном режиме
полноэкранный режим включен () Возвращает логическое значение, указывающее, можно ли просмотреть документ в полноэкранном режиме.
getElementById () Возвращает элемент с атрибутом ID с указанным значением
getElementsByClassName () Возвращает HTMLCollection, содержащую все элементы с указанным именем класса
getElementsByName () Возвращает HTMLCollection, содержащую все элементы с указанным именем
getElementsByTagName () Возвращает HTMLCollection, содержащий все элементы с указанным именем тега
имеетFocus () Возвращает логическое значение, указывающее, имеет ли документ фокус
голова Возвращает элемент документа
изображений Возвращает коллекцию всех элементов в документе
реализация Возвращает объект DOMImplementation, который обрабатывает этот документ
importNode () Импортирует узел из другого документа
вход Кодирование Возвращает кодировку, набор символов, используемый для документа
последняя Модифицированная Возвращает дату и время последнего изменения документа
звеньев Возвращает коллекцию всех элементов и

в документе, которые имеют атрибут href
нормализовать () Удаляет пустые текстовые узлы и присоединяет соседние узлы
normalizeDocument () Удаляет пустые текстовые узлы и присоединяет соседние узлы
открыто () Открывает поток вывода HTML для сбора вывода из документа.написать ()
querySelector () Возвращает первый элемент, который соответствует указанным селекторам CSS в документе.
querySelectorAll () Возвращает статический список узлов, содержащий все элементы, соответствующие указанному селектору (-ам) CSS в документе.
состояние готовности Возвращает статус (загрузки) документа
реферер Возвращает URL-адрес документа, в который загружен текущий документ
removeEventListener () Удаляет обработчик событий из документа (который был прикреплен с помощью метода addEventListener ())
renameNode () Переименовывает указанный узел
скриптов Возвращает коллекцию элементов