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

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

вопрос задан 23.06.2009
does_not_exist
репутация

19 ответов


  • 3175 рейтинг

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

     window.location.href 
     

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

     document.URL;
     

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

    ответ дан VolkerK, с репутацией 81796, 23.06.2009
  • 531 рейтинг

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

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

     var currentLocation = window.location;
     

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

     <protocol>//<hostname>:<port>/<pathname><search><hash>
     
    • 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-адреса

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

    ответ дан Nikhil Agrawal, с репутацией 16262, 23.12.2013
  • 310 рейтинг

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

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

    ответ дан Christoph, с репутацией 125604, 23.06.2009
  • 250 рейтинг

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

     window.location.href
     
    ответ дан Zanoni, с репутацией 20019, 23.06.2009
  • 32 рейтинг

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

     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 

    ответ дан Sangeet Shah, с репутацией 1685, 10.09.2015
  • 26 рейтинг

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

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

    ответ дан Dorian, с репутацией 12163, 25.04.2014
  • 26 рейтинг

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

     window.location
     

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

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

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

    ответ дан tmh, с репутацией 461, 9.06.2017
  • 18 рейтинг
    • Используйте window.location.href чтобы получить полный URL.
    • Используйте window.location.pathname чтобы получить URL-адрес, покидающий хост.
    ответ дан kishore, с репутацией 765, 26.03.2015
  • 13 рейтинг

    Хорошо, получить полный 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
     

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

    ответ дан Alireza, с репутацией 39782, 7.10.2017
  • 13 рейтинг

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

    JavaScript:

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

    jQuery :

     $(location).attr('href');
     
    ответ дан Bhaskar Bhatt, с репутацией 808, 8.10.2016
  • 9 рейтинг
     var currentPageUrlIs = "";
    if (typeof this.href != "undefined") {
           currentPageUrlIs = this.href.toString().toLowerCase(); 
    }else{ 
           currentPageUrlIs = document.location.toString().toLowerCase();
    }
     

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

    ответ дан Rohan Patil, с репутацией 1138, 19.12.2013
  • 7 рейтинг

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

    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"
     
    ответ дан Hitesh Sahu, с репутацией 12471, 3.11.2017
  • 7 рейтинг

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

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

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

     window.location
     
    ответ дан Syed Nasir Abbas, с репутацией 1061, 5.09.2014
  • 4 рейтинг

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

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

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

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

    ответ дан Josip Ivic, с репутацией 2881, 29.09.2015
  • 4 рейтинг

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

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

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

    ответ дан Maleen Abewardana, с репутацией 5793, 12.04.2016
  • 0 рейтинг
       location.origin+location.pathname+location.search+location.hash;
    
    ответ дан زياد, с репутацией 377, 6.04.2017
  • 0 рейтинг

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

     $(".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="" как указано.

    ответ дан curiosity, с репутацией 317, 30.06.2018
  • 0 рейтинг

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

    • window.location.toString ();

    • window.location.href

    ответ дан Hasib Kamal, с репутацией 515, 26.12.2017
  • 0 рейтинг

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

     location.href.substring(0, location.href.lastIndexOf('/'));
     
    ответ дан Khaled Harby, с репутацией 24, 14.03.2017