JavaScript URL.href — повна адреса

Властивість href містить повну адресу рядком — і читається, і записується.

правити

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

Запис у неї перебудовує весь об'єкт: усі інші властивості (pathname, search, hostname) оновляться відповідно до нової адреси.

Значення завжди нормалізоване: кирилиця екранується, зайві крапки в шляху зникають, порт за замовчуванням прибирається.

правити

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

Переглядачі

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

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

Переглядач
href	32+	26+	7+	19+	12+	-

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

Переглядач
href	32+	yes	yes	7+

Приклади

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

const url = new URL('https://css.in.ua/css/property/gap?x=1');

console.log(url.href); // повна адреса

// запис перебудовує все
url.href = 'https://css.in.ua/js/object/Promise';
console.log(url.pathname); // '/js/object/Promise'
console.log(url.search);   // '' — параметри зникли

// нормалізація
console.log(new URL('https://css.in.ua/a/../b').href); // '.../b'