JavaScript URL.pathname — шлях адреси

Властивість pathname повертає шлях — усе між доменом і знаком питання.

правити

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

Завжди починається з /. Параметрів і якоря в ньому немає — вони живуть у search і hash.

Це основа маршрутизації в односторінкових застосунках: за шляхом вирішують, що показати.

Значення екранується: кирилиця в адресі перетвориться на %D1%81.... Щоб побачити її людською, потрібен decodeURIComponent().

правити

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

Переглядачі

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

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

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

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

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

Приклади

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

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

console.log(url.pathname); // '/css/property/gap'

// маршрутизація
const [, tech, type, name] = url.pathname.split('/');
console.log(tech, type, name); // 'css' 'property' 'gap'

// кирилиця екранована
const uk = new URL('https://css.in.ua/довідник');
console.log(uk.pathname);                        // '/%D0%B4%D0%BE...'
console.log(decodeURIComponent(uk.pathname));    // '/довідник'