Вопрос: Получить текущий URL-адрес с помощью JavaScript?


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


2485


источник


Ответы:


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

window.location.href 

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

document.URL;

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


3101



Доступ к 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, Сервер предоставляет службы, используя имя хоста.

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

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

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

  • хэш: Якорная часть URL-адреса содержит знак хеша (#).

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

  • HREF - весь URL-адрес
  • протокол - протокол URL-адреса
  • хозяин - имя хоста и порт URL-адреса
  • имя хоста - имя хоста URL-адреса
  • порт - номер порта, который сервер использует для URL-адреса
  • путь к файлу - путь к URL-адресу
  • поиск - часть запроса URL-адреса
  • гашиш - якорная часть URL-адреса

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


507



Тот же вопрос был задан менее 24 часов назад , Процитировать:

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


308



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

window.location.href

249



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

alert("Url  ="+document.location);
alert("PathName  ="+ window.location.pathname);// Returns path only
alert("url  ="+window.location.href);// Returns full URL


29



Use: window.location.href.

As noted above, document.URL doesn't update when updating window.location. See MDN.


26



Open Developer Tools, type in the following in the console and press Enter.

window.location

Ex: Below is the screenshot of the result on the current page.

enter image description here

Grab what you need from here. :)


24



  • Use window.location.href to get the complete URL.
  • Use window.location.pathname to get URL leaving the host.

17



You can get the current URL location with a hash tag by using:

JavaScript:

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

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

jQuery:

$(location).attr('href');

13



var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

The above code can also help someone


9



OK, getting the full URL of the current page is easy using pure JavaScript. For example, try this code on this page:

window.location.href;
// use it in console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"

The window.location.href property returns the URL of the current page.

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>

Just not bad to mention these as well:

Also if you need a relative path, simply use window.location.pathname;

And if you'd like to get the host name, you can use window.location.hostname;

And if you need to get the protocol separately, simply do window.location.protocol

Also if you page has hash tag, you can get it like: window.location.hash

So window.locatation.href handles all in once... basically:

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

Also using window no necessary if already in window scope...

So in that case you can use:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript


9