логотип PurpleSchool
логотип PurpleSchool

window.location в JavaScript

Автор

Дмитрий Фандорин

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

console.log(window.location.href); // выводит текущий URL страницы

Описание работы

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

Пример:

if (window.location.href === 'https://example.com/') {
  // выполнение кода, если текущий URL равен https://example.com/
} else {
  // выполнение кода, если текущий URL не равен https://example.com/
}

Форма записи

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

Свойства:

window.location.href; // возвращает текущий URL страницы
window.location.host; // возвращает доменное имя и порт
window.location.pathname; // возвращает путь к странице
window.location.search; // возвращает параметры запроса
window.location.hash; // возвращает якорь страницы

Методы:

window.location.assign(url); // перенаправляет пользователя на указанный URL
window.location.reload(); // перезагружает текущую страницу

Пример:

if (window.location.pathname === '/about') {
  // выполнение кода, если текущий URL страницы содержит путь к странице "О нас"
}

window.location.assign('https://example.com/'); // перенаправление пользователя на указанный URL

Заключение

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

Стрелочка влевоwindow.navigator в JavaScriptwindow.history в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний