Учебник по JS

ГЛАВНАЯ JS Введение JS Куда Вывод JS Заявления JS JS-синтаксис JS-комментарии JS-переменные JS Пусть Константа JS JS-операторы JS-арифметика Назначение JS JS-типы данных JS-функции JS-объекты JS-события JS-строки Строковые методы JS Поиск строки JS Шаблоны строк JS JS-номера Методы номеров JS JS-массивы Методы массива JS Сортировка массива JS Итерация массива JS Константа массива JS JS-даты Форматы даты JS Методы получения даты JS Методы установки даты JS JS-математика JS Случайный JS Булевы значения Сравнение JS JS-условия JS-переключатель JS цикл для Цикл JS для входа Цикл JS для Цикл JS во время Перерыв JS JS-итерации JS-наборы JS-карты JS Typeof Преобразование типов JS JS побитовый JS регулярное выражение JS-ошибки Область JS JS-подъем Строгий режим JS JS это ключевое слово Функция стрелки JS JS-классы JS JSON JS-отладка Руководство по стилю JS Лучшие практики JS JS-ошибки JS-производительность Зарезервированные слова JS

JS-версии

JS-версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/пограничный История JS

JS-объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Средства доступа к объектам Конструкторы объектов Прототипы объектов Итерации объектов Наборы объектов Карты объектов Ссылка на объект

JS-функции

Определения функций Параметры функции Вызов функции Вызов функции Функция Применить Закрытие функций

JS-классы

Введение в класс Наследование классов Статический класс

JS асинхронный

Обратные вызовы JS JS асинхронный JS-обещания JS асинхронный/ожидание

JS HTML DOM

Дом Введение DOM-методы Документ DOM DOM-элементы DOM HTML DOM-формы ДОМ CSS DOM-анимации События ДОМ Слушатель событий DOM DOM-навигация DOM-узлы Коллекции DOM Списки узлов DOM

Спецификация браузера JS

JS-окно JS-экран Местоположение JS История JS JS-навигатор Всплывающее оповещение JS JS Тайминг JS-куки

JS-веб-API

Введение в веб-API API веб-форм API истории веб-поиска API веб-хранилища API веб-работника API веб-выборки API веб-геолокации

JS АЯКС

Введение в АЯКС AJAX XMLHttp АЯКС-запрос AJAX-ответ XML-файл AJAX АЯКС PHP АЯКС АСП База данных AJAX AJAX-приложения Примеры AJAX

JS JSON

Введение в JSON Синтаксис JSON JSON против XML Типы данных JSON Анализ JSON Строковая JSON JSON-объекты JSON-массивы JSON-сервер JSON PHP JSON HTML JSON JSONP

JS против JQuery

Селекторы jQuery JQuery HTML jQuery CSS JQuery DOM

JS-графика

JS-графика JS Холст JS сюжет JS Chart.js JS Google Диаграмма JS D3.js

JS-примеры

JS-примеры JS HTML DOM JS HTML-ввод HTML-объекты JS HTML-события JS JS-браузер JS-редактор JS-упражнения JS-викторина JS-сертификат

JS-ссылки

Объекты JavaScript HTML DOM-объекты


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


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


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

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

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

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

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

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

Пример

Показать href (URL) текущей страницы:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Результат:

Page location is https://ru.pictoshow.com/js/js_window_location.asp

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

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

Пример

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

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

Результат:

Page hostname is ru.pictoshow.com


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

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

Пример

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

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

Результат:

Page path is /js/js_window_location.asp

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

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

Пример

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

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

Результат:

Page protocol is https:

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

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

Пример

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

document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;

Результат:

Port number is

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


Назначение окна

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

Пример

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

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

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>