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

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

19 Solutions collect form web for “Получить текущий URL-адрес с помощью JavaScript?”

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

window.location.href 

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

 document.URL; 

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

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

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

 var currentLocation = window.location; 

Основная структура URL

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

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

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

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

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

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

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

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

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

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

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

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

 window.location.href 

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

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

Использовать: window.location.href .

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

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

 window.location 

Пример: Ниже приведен снимок экрана на текущей странице.

введите описание изображения здесь

Возьмите то, что вам нужно отсюда. 🙂

  • Используйте window.location.href чтобы получить полный URL.
  • Используйте window.location.pathname чтобы получить URL-адрес, покидающий хост.

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

JavaScript:

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

jQuery :

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

Хорошо, получить полный 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:
" + window.location.href;
 < !DOCTYPE html>   

JavaScript

The window.location.href

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

Вышеупомянутый код также может помочь кому-то

Для полного URL-адреса с строками запроса:

 document.location.toString().toLowerCase(); 

Для URL-адреса хоста:

 window.location 

Добавление результата для быстрой ссылки

window.location;

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMStringList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ, …} 

document.location

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMStringList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ , …} 

window.location.pathname

 "/questions/1034621/get-the-current-url-with-javascript" 

window.location.href

 "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript" 

location.hostname

 "stackoverflow.com" 

В jstl мы можем получить доступ к текущему пути URL, используя pageContext.request.contextPath . Если вы хотите выполнить вызов Ajax, используйте следующий URL-адрес.

 url = "${pageContext.request.contextPath}" + "/controller/path" 

Пример. Для страницы http://stackoverflow.com/posts/36577223 это даст http://stackoverflow.com/controller/path .

Способ получения текущего объекта местоположения – это window.location .

Сравните это с document.location , который первоначально только возвращал текущий URL как строку. Вероятно, чтобы избежать путаницы, document.location был заменен на document.URL .

И все современные браузеры отображают document.location в window.location .

В действительности, для обеспечения безопасности между браузерами вы должны использовать window.location а не document.location .

  location.origin+location.pathname+location.search+location.hash; 

Вы можете получить полную ссылку на текущую страницу через location.href и получить ссылку текущего controllerа, используйте:

 location.href.substring(0, location.href.lastIndexOf('/')); 
 window.location.toString(); 

 window.location.href 

если вы ссылаетесь на определенную ссылку, у которой есть идентификатор, этот код может вам помочь.

 $(".disapprove").click(function(){ var id = $(this).attr("id"); $.ajax({ url: "< ?php echo base_url('index.php/sample/page/"+id+"')?>", type: "post", success:function() { alert("The Request has been Disapproved"); window.location.replace("http://localhost/sample/page/"+id+""); } }); }); 

Я использую ajax здесь для отправки идентификатора и перенаправления страницы с помощью window.location.replace . просто добавьте атрибут id="" как указано.

  • Как настроить настраиваемые обработчики URL-адресов в OS X?
  • Программное обеспечение для автоматизации загрузки списка URL-адресов
  • Ленивая загрузка изображений в ListView
  • Как запретить Firefox преобразовывать URL-адреса localhost / * в поисковые запросы?
  • Как отправить электронную почту Outlook 2007 со связанным изображением?
  • Я регулярно вижу gstatic.com в строке состояния, что это за домен?
  • Какие символы недействительны?
  • Получение частей URL (регулярное выражение)
  • Как размещать несколько страниц из разных доменов вместе?
  • Как создать короткие URL-адреса для сайтов на моем компьютере?
  • ускорение амперсанда в URL-адресе
  • Почему URL-адреса файлов начинаются с 3 косой черты?
  • Interesting Posts

    Windows XP: возможно ли регистрировать время запуска и выключения в журнале системных событий?

    Невозможно изменить размер окна свойств папки.

    Измените команду-вкладку на вкладку опций на Mac

    Почему USB-накопители намного медленнее, чем твердотельные диски?

    Mac OS X 10.5 Разрешение VNC независимо от отображения аппаратного обеспечения

    Аккумулятор внезапно падает примерно с 25% до 6%

    Загрузите файл с Android и покажите прогресс в ProgressDialog

    Есть ли способ посмотреть Netflix на Linux?

    Java закончила с ненулевым значением выхода 2 – Android Gradle

    Когда я печатаю, мой тачпад становится невосприимчивым

    Хороший размер блока для клонирования диска с помощью diskdump (dd)

    Мне нужно заставить Windows 7 STOP отключить адаптер Wi-Fi при подключении проводной локальной сети

    Возобновить rsync через SSH после разрыва соединения?

    Как проверить, поврежден ли файл .wmv?

    Какие типы стилусов будут работать на поверхности Microsoft?

    Давайте будем гением компьютера.