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

изображение курса

Основы JavaScript

Антон Ларичев
иконка часов18 часов лекций
иконка зведочки рейтинга4.8
Frontend
Backend
Основы JavaScript