логотип 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 предоставляет свойства, которые содержат информацию о протоколе, домене, порте, пути и параметрах запроса, а также методы, которые можно использовать для перенаправления пользователя на другую страницу или перезагрузки текущей страницы.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile