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

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

Комментарии к вопросу (2)
Решение

Используйте:

window.location.href 

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

document.URL;

См. URL типа DOMString, readonly.

Комментарии (9)

URL-адрес доступ к информации

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

var currentLocation = window.location;

Базовой структуры URL-адресов

//:/<pathname>
  • протокол: указывается наименование протокола доступа к ресурсам в Интернете. (Протокол HTTP (без SSL) или HTTPS (с поддержкой SSL))

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

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

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

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

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

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

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

Я надеюсь, что вы получили ваш ответ..

Комментарии (5)

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

Комментарии (1)

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

window.location.href
Комментарии (5)

ОК, получив полный адрес текущей страницы с помощью чистого JavaScript. Например, попробуйте этот код на этой странице:

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

В окне.расположение.свойство href` возвращает URL-адрес текущей страницы.

в

document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;




  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>


в

Просто не плохо бы и их упомянуть:

  • если вам нужен относительный путь, просто использовать окно.расположение.путь;

  • если вы'd, как получить имя узла, вы можете использовать окно.расположение.хоста;

  • и если вам необходимо получить протокол отдельно, используйте окно`.расположение.протокол

  • кроме того, если ваша страница имеет хэш-тег, вы можете сделать это, как: окно.расположение.хэш.

Так что окна`.расположение.высоту ручки все в один раз... в основном:

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

Также через "окно" не нужен, если уже в контексте окна...

Так, в этом случае, вы можете использовать:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Комментарии (0)

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

в

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

в

Комментарии (0)

Открыть средства разработчика, введите следующее в консоли и нажмите введите**.

window.location

Например, Ниже приведен скриншот результата на текущей странице.

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

Комментарии (0)

Применение: окно.расположение.Солар.

Как отмечалось выше, документ.URL-адреса` не'т обновление при обновлении окно.местоположение. См. МДН.

Комментарии (0)

Окна используйте.расположение.Солар, чтобы получить полный URL-адрес. Окна используйте.расположение.путь, чтобы получить URL-адрес покидают хост.

Комментарии (1)

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

Код

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

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

на jQuery:

$(location).attr('href');
Комментарии (0)
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

Приведенный выше код также может помочь кому-то

Комментарии (4)

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

В окне.расположение;

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

документ.расположение

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

В окне.расположение.путь

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

В окне.расположение.Солар

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

расположение.имя

"stackoverflow.com"
Комментарии (0)

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

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

Для адреса URL:

window.location
Комментарии (3)

В JSTL, и мы можем открыть текущий URL-адрес с помощью pagecontext, который.запрос.самом contextpath`. Если вы хотите сделать AJAX-вызов, используйте следующий URL-адрес.

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

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

Комментарии (0)

Способ, чтобы получить текущее местоположение объекта окна.местоположение.

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

И, все современные документа карты браузеров.расположение в окне.местоположение.

В реальности, для кроссбраузерности безопасности, вы должны использовать окно`.расположение "вместо" документ.местоположение.

Комментарии (0)

Для тех, кто хочет реальный URL-адрес объекта, потенциально для утилита, которая принимает URL-адреса в качестве аргумента:

константный URL-адрес = новый URL-адрес ("окно".расположение.Солар)

https://developer.mozilla.org/en-US/docs/Web/API/URL

Комментарии (0)
   location.origin+location.pathname+location.search+location.hash;
Комментарии (0)

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

location.href.substring(0, location.href.lastIndexOf('/'));
Комментарии (0)

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

  • окна.расположение.метод toString();

  • окна.расположение.Солар

Комментарии (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, чтобы отправить ID и перенаправить страницу, используя окно.расположение.заменить. просто добавить атрибут ИД=" и"` в как говорится.

Комментарии (0)