JavaScript window.location — адреса поточної сторінки

Властивість location дає адресу поточної сторінки — і дозволяє перейти на іншу.

правити

Загальний опис

Читається як об'єкт із частинами: pathname (шлях), search (рядок запиту), hash (якір), hostname, protocol.

Запис у location.href переходить на нову адресу. Те саме робить assign().

А от replace() відрізняється принципово: він замінює поточний запис в історії. Кнопка «Назад» після нього поверне не на цю сторінку, а на попередню. Саме так роблять після успішного входу — щоб «назад» не повертало на форму логіну.

правити

Порада

Розбирати location.search руками не треба: new URLSearchParams(location.search) віддасть параметри готовим об'єктом із коректним екрануванням.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
location	1+	1+	1+	3+	12+	5+

Підтримка: мобільні переглядачі

Переглядач
location	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

console.log(location.href);     // повна адреса
console.log(location.pathname); // '/css/property/gap'
console.log(location.hash);     // '#top'

// параметри — готовим об'єктом
const params = new URLSearchParams(location.search);
console.log(params.get('page'));

// звичайний перехід — «назад» поверне сюди
location.href = '/other';

// заміна: «назад» СЮДИ вже не поверне
location.replace('/dashboard');

// перезавантажити
location.reload();