RealAdmin.ru

Как получить url текущей страницы на JavaScript

Как получить url текущей страницы на JavaScript
Категория: Кодинг
Комментарии: 4

Рассмотрим как получить URL текущей страницы в JS целиком, а также по отдельности протокол, доменное имя сайта, GET параметры и значение после решётки/хеша. Полная информация об адресе содержится в объекте «document.location». Доступ к отдельным элементам получаем через его свойства.

Разберём адрес: http://realadmin.ru/saytostroy/?page=4#top
СвойствоЗначение
document.location.hrefhttp://realadmin.ru/saytostroy/?page=4#top
document.location.protocolhttp:
document.location.hostrealadmin.ru
document.location.pathname/saytostroy/
document.location.search?page=4
document.location.hash#top

Получение значений GET параметров

Javascript предоставляет специальный объект для работы с GET параметрами. С его помощью можно проверить существование параметра по названию и получить значение.

Для примера возьмем адрес:

http://realadmin.ru/saytostroy/?page=4&limit=10&sortby=desc

Извлекём значения «page» и «sortby»:

var paramsString = document.location.search; // ?page=4&limit=10&sortby=desc  
var searchParams = new URLSearchParams(paramsString);
    
searchParams.get("page"); // 4
searchParams.get("sortby"); // desc

Для проверки существования параметров, воспользуйтесь методом «has».

searchParams.has("limit"); // true
searchParams.has("sortby"); // true
searchParams.has("orderby"); // false

Для перебора всех пар ключ/значение используем метод «entries».

for(var pair of searchParams.entries()) {
   console.log(pair[0]+ ', '+ pair[1]); 
}
// Результат:
// page 4
// limit 10
// sortby desc 

Перенаправление на JS

Если в свойство «document.location.href» записать какой-то адрес, то на него будет осуществлён 301 перенаправление.

document.location.href = "http://yandex.ru";
Темы:
Посмотрите похожее — 6
Комментарии —
  1. Вася06 октября 2018, 06:18#
    Респект и уважуха бро
    1. Владос21 июня 2020, 11:02#
      Сап, спасибо за гайд, кратко и понятно
      1. tm.lxrd01 августа 2020, 14:29#
        Без воды, спасибо)
        1. Andy Si08 сентября 2020, 12:56#
          Обновил статью, добавил новый способ работы с параметрами через объект URLSearchParams. Пользуйтесь :)
          :p :) :a :q :s :r ;) :( :E:j :u:\ :o
          © REALADMIN.RU   2020 г.
          Страница сгенерирована: 0,1730 s | 6 mb.
          На каком уровне Вы играете в шахматы?
          О П Р О С