Как получить url текущей страницы на javascript
Перейти к содержимому

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

  • автор:

Window.location: URL текущей страницы | JavaScript

Объект window.location позволяет узнать URL (или его часть) текущей страницы, перезагрузить документ, перейти на другую страницу в текущей вкладке.

Узнать адрес страницы, открыть другую страницу в текущей вкладке

Имитирует переход по ссылке.

Редирект на JS: как заменить страницу в текущей вкладке

При нажатии кнопки браузера «Назад» страница, с которой был совершён переход с помощью location.replace(), будет отсутствовать. Похоже на HTTP редирект 301 (поисковики его так не рассматривают).

JavaScript переадресация

 

Разбить URL на части, изменить часть адреса страницы, перенаправить

     

Как перезагрузить страницу

   

Как запретить показ страницы в iframe

Это плохой вариант:

 if(top.location != location)

В ответе заголовка сервера следует указать Content-Security-Policy.

Как перечислить всё свойства и методы у location

   

2 комментария:

Анонимный Здравствуйте, Наталья!

Спасибо за статью.

Учитывая, что за последние 30 дней появились (обновились) две статьи связанные с URL и кроссдоменностью, было бы неплохо иметь шпаргалку по существующим приёмам обхода безопасности браузеров, связанных с кроссдоменностью.

Ну, и поскольку мы больше front-end-шники, было бы неплохо «на понятном» языке раскрыть некоторое понимание серверных настроек (как и где правильно прописать ответы сервера, настройка проксирования и т.д.) NMitra Здравствуйте!

Я стараюсь пока двигаться в сторону window.history. Кривовато получается. Интересные темы Content-Security-Policy и Access-Control-Allow-Origin, но я пока побаиваюсь их. Долго, чувствую, ещё бояться буду 🙂

Хи-хи, как и где прописывать заголовки я разобралась. Осталось только проработать вопрос что писать и к чему эта писанина приведёт 🙂

Это всё new XMLHttpRequest(). Вводит меня негодник в php.

Как получить текущий URL с помощью JavaScript

Вы можете использовать JavaScript-свойство window.location.href , чтобы получить полный URL-адрес текущей страницы, который включает имя хоста, строку запроса и т. д.

В следующем примере отображается текущий URL-адрес страницы при нажатии кнопки.

    Get Current URL in JavaScript   function getURL()   

kwork banner 480x320 beget banner 480x320 smsc banner 480x320

Читайте также

Похожие примеры:
  • Как найти строку между двумя словами с помощью jQuery
  • Как проверить, содержит ли строка подстроку в JavaScript
  • Как проверить наличие пустой строки в JavaScript

Получаем всю информацию о текущем URL на JavaScript

Для написания своих модулей или реализации интересных идей вам могут потребоваться информация о текущем URL и способы получения отдельных его частей.

Сделать это можно с помощью объекта window.location на JavaScript.

В качестве примера рассмотрим ссылку:

 https://www.pandoge.com:80/category/page.html?search=true#anchor

А теперь подробно рассмотрим все свойства объекта.

1. window.location.href будет содержать в себе полный URL без изменений. В нашем случае:

 https://www.pandoge.com:80/category/page.html?search=true#anchor

2. window.location.protocol будет содержать в себе используемый протокол сайта (https или http) с двоеточием. В нашем случае:

 https:

3. window.location.search будет содержать в себе GET параметры (От символа ? включительно до #). В нашем случае:

 ?search=true

4. window.location.host будет содержать в себе хост (имя домена) и порт. В нашем случае:

 www.pandoge.com:80

5. window.location.pathname будет содержать в себе относительный адрес страницы. В нашем случае:

 /category/page.html

6. window.location.hostname будет содержать в себе хост (имя домена) без порта. В нашем случае:

 www.pandoge.com

7. window.location.port будет содержать в себе номер порта. В нашем случае:

8. window.location.hash будет содержать в себе указание на конкретный элемент на странице (якорь). В нашем случае:

 #anchor

Пример использования window.location.*

Для примера выведем сообщение, если пользователь находится на главной странице вашего сайта:

   

С помощью этих 8 свойств вы сможете сделать, например, подсветку активного пункта меню в зависимости от страницы, на которой находится пользователь, или воплотить другие интересные решения.

Как получить url страницы js

Можно заметить, также, что изменение свойства href в объекте window.location приведет к переходу по новой указанный ссылке.

// Перейдем на страницу личного кабинета window.location.href = 'https://ru.hexlet.io/my/'; 

29 июня 2022

Чтобы получить url страницы, можно воспользоваться глобальным объектом window.location . Этот объект содержит свойство href , которое содержит адрес текущей страницы.

const currentUrl = window.location.href; console.log(currentUrl); // => https://ru.hexlet.io/qna 

Некоторые другие свойства объекта window.location :

  • href — весь URL
  • protocol — протокол URL
  • host — имя хоста и порт URL
  • hostname — имя хоста URL
  • port — номер порта
  • pathname — путь в URL (та часть, которая идёт после первого слэша / )
  • search — часть запроса URL (та часть, которая идёт после знака вопроса ? )
  • hash — часть URL (та часть, которая идёт после знака решётки # )

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *