Получить текущий URL с помощью JavaScript? - PullRequest
Новая
       103

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

2767 голосов
/ 23 июня 2009

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

Ответы [ 20 ]

3419 голосов
/ 23 июня 2009

Использование: 

window.location.href

Как отмечено в комментариях, строка ниже работает, но она содержит ошибки для Firefox. 

document.URL;

См. URL типа DOMString, только для чтения .

601 голосов
/ 23 декабря 2013

URL-адрес доступа

JavaScript предоставляет вам множество методов для извлечения и изменения текущего URL, который отображается в адресной строке браузера. Все эти методы используют объект Location, который является свойством объекта Window. Вы можете создать новый Location объект с текущим URL следующим образом: 

var currentLocation = window.location;

Базовая структура URL 

<protocol>//<hostname>:<port>/<pathname><search><hash>

  • протокол: Указывает имя протокола, которое будет использоваться для доступа к ресурсу в Интернете. (HTTP (без SSL) или HTTPS (с SSL))

  • имя хоста: Имя хоста указывает хост, которому принадлежит ресурс. Например, www.stackoverflow.com. Сервер предоставляет услуги, используя имя хоста.

  • порт: Номер порта, используемый для распознавания определенного процесса, на который должно быть перенаправлено интернет-сообщение или другое сетевое сообщение при поступлении на сервер.

  • pathname: Путь предоставляет информацию о конкретном ресурсе в хосте, к которому веб-клиент хочет получить доступ. Например, /index.html.

  • query: Строка запроса следует за компонентом пути и предоставляет строку информации, которую ресурс может использовать для каких-либо целей (например, в качестве параметров для поиска или в качестве данных для обработанный).

  • хеш: Якорная часть URL, включая знак хеша (#).

С помощью этих Location свойств объекта вы можете получить доступ ко всем этим компонентам URL, а также к тому, что они могут устанавливать или возвращать:

  • href - весь URL
  • протокол - протокол URL
  • host - имя хоста и порт URL
  • имя хоста - имя хоста URL
  • port - номер порта, который сервер использует для URL
  • pathname - путь к URL-адресу
  • search - часть запроса URL
  • хеш - якорная часть URL

Надеюсь, вы получили свой ответ ..

314 голосов
/ 23 июня 2009

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

254 голосов
/ 23 июня 2009

Получает URL текущей страницы: 

window.location.href
36 голосов
/ 10 сентября 2015

Чтобы получить путь, вы можете использовать: 

console.log('document.location', document.location.href);
console.log('location.pathname',  window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL
33 голосов
/ 09 июня 2017

Открыть Инструменты разработчика , введите в консоль и нажмите Введите . 

window.location

Пример: ниже приведен скриншот результата на текущей странице.

enter image description here

Хватай то, что тебе нужно отсюда. :)

27 голосов
/ 07 октября 2017

ОК, получить полный URL текущей страницы легко, используя чистый JavaScript. Например, попробуйте этот код на этой странице: 

window.location.href;
// use it in the console of this page will return
// /1149633/poluchit-tekuschii-url-s-pomoschy-javascript"

Свойство window.location.href возвращает URL-адрес текущей страницы. 

document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>

<body>
  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>
</body>

</html>

Просто неплохо бы упомянуть и это:

  • , если вам нужен относительный путь, просто используйте window.location.pathname;

  • если вы хотите получить имя хоста, вы можете использовать window.location.hostname;

  • и если вам нужно получить протокол отдельно, используйте window.location.protocol

    • также, если ваша страница имеет тег hash, вы можете получить его как: window.location.hash.

Итак, window.location.href обрабатывает все сразу ... в основном: 

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true

Также использование window не требуется, если уже в области видимости окна ...

Итак, в этом случае вы можете использовать: 

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript

27 голосов
/ 25 апреля 2014

Использование: window.location.href.

Как отмечалось выше, document.URL не обновляет при обновлении window.location. См. MDN .

19 голосов
/ 26 марта 2015
  • Используйте window.location.href, чтобы получить полный URL.
  • Используйте window.location.pathname, чтобы получить URL, покидающий хост.
15 голосов
/ 08 октября 2016

Вы можете получить текущее местоположение URL с помощью хеш-тега , используя:

JavaScript: 

 // Using href
 var URL = window.location.href;

 // Using path
 var URL = window.location.pathname;

JQuery : 

$(location).attr('href');
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...