Питання Отримати поточну URL-адресу за допомогою JavaScript?


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


2528
2018-06-23 19:26


походження


Можливі дублікати: Отримайте протокол, домен та порт від URL-адреси - blong
stackoverflow.com/questions/406192/... - Nilesh Botre
Зробити так, як мені подобається ... :-п - Peter verleg


Відповіді:


Використання:

window.location.href 

Як зазначено в коментарях, наведена нижче лінія працює, але вона прослуховується для Firefox.

document.URL;

Побачити URL-адреса типу DOMString, тільки для читання.


3153
2017-12-23 15:33



У Firefox 12 document.URL властивість не оновлюється після window.location до якоря (#), в той час як window.location.href робить Я зібрав живий демо тут: jsfiddle.net/PxgKy Я не тестував жодної іншої версії Firefox. Немає проблем document.URL були знайдені в Chrome 20 і IE9. - Telmo Marques
також ви можете отримати хост і чітке місце розташування: window.location.host і window.location.href.toString().split(window.location.host)[1] - ali youhannaei
і що це таке? document.baseURI приблизно тоді. В основному є 3 способи отримати URL-адресу document.baseURI, document.URL, & location. - Muhammad Umer
-1: Якщо у вас є кадр, зображення чи форма з name="URL" то ця властивість буде затінена на document об'єкт і ваш код зламається. В такому разі, document.URL буде замість посилання на вузол DOM. Краще використовувати властивості глобального об'єкта, як в window.location.href. - Roy Tinker
"window.location.href" для перемоги - GabrielBB


URL Info Access

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.

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

  • хеш: Якоря частина URL-адреси включає в себе символ хешу (#).

З цими Location Властивості об'єкта ви можете отримати доступ до всіх цих URL-компонентів і що вони можуть встановити або повернути:

  • href - повна URL-адреса
  • протокол - протокол URL-адреси
  • хост - ім'я хоста та порт URL-адреси
  • ім'я хоста - ім'я хоста URL-адреси
  • порт - номер порту, який сервер використовує для URL-адреси
  • прізвисько - назва шляху URL-адреси
  • пошук - частина запиту URL-адреси
  • хеш - Якоря частина URL-адреси

Я сподіваюсь, що ви отримали свою відповідь ..


523
2018-06-23 19:35



Це найкраща відповідь для мене. Переконаний, що більшість людей тут не просто шукали, як отримати поточний URL-адресу, а й іншу інформацію, вказану в відповіді. Спасибо @Ніхіл - Jason Kim
Вони не "методи" window.location, але властивості, і тут ми маємо приклад: var stringPathName = window.location.pathname. - Peter Krauss
Дуже дякую, будь-ласка, не pathname вже включає початковий / (принаймні в Google Chrome) - Fabio C.
@FabioC Ви можете видалити його за допомогою substring. Однак, це може бути корисно, коли ви хочете використовувати для перенаправлення document.location = "/page.html"; переспрямовуватиметься на кореневу сторінку page.html - FindOut_Quran
Майте на увазі ie9 pathname не має головної косу риси, так що це може бути index.html. - AJcodez


Те ж питання запитали менше 24 годин тому. Цитувати себе:

Використовуйте window.location для читання і   писати доступ до Місцезнаходження   об'єкт   пов'язані з поточним кадром. Якщо   ви просто хочете отримати адресу як   Строка, доступна лише для читання, ви можете використовувати    document.URL, який повинен містити   таке ж значення, що й    window.location.href.


309
2018-06-23 19:28



Дивись також stackoverflow.com/questions/2430936/... - Christoph


Отримує поточну URL-адресу сторінки:

window.location.href

249
2017-09-10 06:51



Зауважте, що це розташування вікна не в документі. - Gumbo
Це те ж саме. Повна поточна URL-адреса посилається на шлях документа (зовнішня адреса). - Zanoni
Це стандартизовано як document.url? (Я маю на увазі щось на зразок документа w3c) - chendral
@ chendral: w3.org/TR/Window/#location - Christoph
document є коренем дерева документів, визначеним специфікацією. window це, як правило, еквівалентне, але це може не бути в деяких дивних обставинах. - broinjc


Щоб отримати шлях, ви можете використовувати:

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


30
2018-04-25 16:14





Використання: window.location.href.

Як зазначено вище, document.URL  не оновлюється при оновленні window.location. Побачити MDN.


26
2018-06-09 09:32





ВІДЧИНЕНО Інструменти для розробниківвведіть наступне в консоль і натисніть Введіть.

window.location

Ex: Нижче наведено скріншот результату на поточній сторінці.

enter image description here

Схопити те, що вам потрібно. :)


25
2018-03-26 06:10





  • Використовуйте window.location.href щоб отримати повну URL-адресу.
  • Використовуйте window.location.pathname щоб залишити URL-адресу хоста.

18
2017-10-08 15:24



window.location.pathname не містить запит і фрагмент хешу - OMGPOP


Ти можеш отримати поточний URL-адресу за допомогою тегу хеш-пам'яті з допомогою:

JavaScript:

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

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

jQuery:

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

13
2017-10-07 02:31





ОК, отримай повна URL-адреса поточної сторінки легко використовувати чистий JavaScript. Наприклад, спробуйте цей код на цій сторінці:

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

Власть 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.locatation.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


13
2017-12-19 12:58