Получить текущий 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-адреса открытых вкладок окна Firefox?
  • Почему Firefox использует протокол / схему chrome: // в URL-адресах?
  • Поиск инструмента для расширения сокращенных URL-адресов
  • Как отправить электронную почту Outlook 2007 со связанным изображением?
  • Я регулярно вижу gstatic.com в строке состояния, что это за домен?
  • Ленивая загрузка изображений в ListView
  • Почему URL-адреса файлов начинаются с 3 косой черты?
  • Как я могу добавить несколько интерактивных ссылок сразу в Microsoft Word?
  • Программное обеспечение для автоматизации загрузки списка URL-адресов
  • Как запретить Firefox преобразовывать URL-адреса localhost / * в поисковые запросы?
  • Могут ли браузеры изменять URL-адреса сохраненных закладок в ответ на 301 переадресацию?
  • Interesting Posts

    Как я могу конвертировать из hex в base64?

    Создание символической ссылки на подключенный сетевой диск в Windows

    Как подключить ноутбук Windows 8 к беспроводной сети (с скрытым SSID)?

    Могу ли я использовать два разных интернет-соединения для большей скорости?

    Каковы потенциальные проблемы безопасности при использовании Windows XP?

    Тоннельные адаптеры на ipconfig?

    Есть ли способ закладки словарной панели или текстового файла, где вы остановились?

    Windows 7 Wi-Fi подключается только при подключении кабеля LAN

    Создание ярлыков для дублирования вкладки

    Не удалось удалить flash9.ocx

    Как я могу передать выход из деки в вход на скайпе?

    Сеть WiFi отлично подходит для Macbook Pro и Win XP, но Win Vista «Ограниченная связь»

    Chrome – как отключить прокрутку вкладок

    Как подключить Wi-Fi-маршрутизатор к маршрутизатору кабельного модема?

    Как я могу работать с NET: ERR_CERT_AUTHORITY_INVALID в Chrome?

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