Разное

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 весь URL http://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 справочник






































Свойство Описание Chrome Firefox Opera Safari IExplorer Edge
body Представляет ссылку на узел <body> или <frameset> текущего документа, или null, если такой элемент не существует. Элемент <frameset> не поддерживается в HTML 5. Да Да Да Да Да Да
characterSet Возвращает кодировку для текущего документа. Свойство доступно только для чтения. 45.0 44.0 34.0 9.0 9.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.0 40.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.0 41.0 47.0 10.0 Нет Нет
forms Возвращает коллекцию HTMLCollection со списком всех элементов <form>, содержащихся в текущем документе. Да Да Да Да Да Да
head Возвращает элемент <head>, содержащийся в текущем документе. Да Да Да Да 9.0 Да
hidden Возвращает логическое значение, которое указывает на то, считается ли страница скрытой, или нет. 33.0 18.0 12.1 7.0 10.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.0 48.0 31.0 9.0 Нет Да
visibilityState Возвращает строковое значение определяющее видимость документа (находится ли документ в фоновом режиме, или на невидимой вкладке, или загружается только для предварительной отрисовки). 33.0 18.0 12.1 7.0 10.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 — Веб-технологии для разработчиков

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

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() constructor Chrome
Полная поддержка

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 event Chrome
Полная поддержка

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
URL Chrome
Полная поддержка

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

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

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

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

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

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

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

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

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

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

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

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

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 () Переименовывает указанный узел
скриптов Возвращает коллекцию элементов
2023 © Все права защищены. Карта сайта