Pobierz aktualny adres URL z JavaScript?

Question

Pobierz aktualny adres URL z JavaScript?

Chcę tylko uzyskać adres URL strony. Nie URL zaczerpnięty z linku. Podczas ładowania strony muszę być w stanie pobrać pełny, aktualny adres URL witryny i ustawić go jako zmienną do zrobienia, jak mi się podoba.

2564

javascript url

Author: Peter Mortensen, 2009-06-23

Source

19 answers

URL Info Access

JavaScript oferuje wiele metod pobierania i zmiany bieżącego adresu URL, który jest wyświetlany w pasku adresu przeglądarki. Wszystkie te metody wykorzystują obiekt Location, który jest właściwością obiektu Window. Możesz utworzyć nowy obiekt Location, który ma bieżący adres URL w następujący sposób:

var currentLocation = window.location;

Podstawowa struktura URL

<protocol>//<hostname>:<port>/<pathname><search><hash>

Protokół: Określa nazwę protokołu używanego do uzyskania dostępu do zasobu na Internet. (HTTP (bez SSL) lub HTTPS (z SSL))
Nazwa hosta: Nazwa hosta określa hosta, który jest właścicielem zasobu. Na przykład www.stackoverflow.com. Serwer świadczy usługi używając nazwy hosta.
Port: numer portu używany do rozpoznawania określonego procesu, do którego ma zostać przesłana wiadomość internetowa lub inna wiadomość sieciowa, gdy dotrze do serwera.
Pathname: ścieżka podaje informacje o konkretnej zasób w hoście, do którego klient sieci Web chce uzyskać dostęp. Na przykład /index.html.
Query: ciąg zapytania podąża za komponentem path i dostarcza ciąg informacji, które zasób może wykorzystać do jakiegoś celu (na przykład jako parametry wyszukiwania lub jako dane do przetworzenia).
Hash: część kotwicy adresu URL zawiera znak skrótu (#).

Dzięki tym właściwościom obiektu Location możesz uzyskać dostęp do wszystkich te składniki URL i co mogą ustawić lub zwrócić:

href - cały URL
protocol - protokół URL
host - nazwa hosta i port URL
hostname - nazwa hosta adresu URL
port - numer portu, którego serwer używa dla adresu URL
pathname - nazwa ścieżki URL
search - część zapytania z URL
hash - część anchor URL

Mam nadzieję, że masz odpowiedź..

532

Author: Nikhil Agrawal,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-07-16 11:54:25

To samo pytanie zostało zadane niecałe 24 godziny temu. Cytuję:

Użyj window.location do czytania i zapis dostępu do lokalizacji obiekt związane z bieżącą ramką. Jeśli chcesz tylko uzyskać adres jako ciąg tylko do odczytu, można użyć document.URL, który powinien zawierać taka sama wartość jak window.location.href.

310

Author: Christoph,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:02:56

Pobiera adres URL bieżącej strony:

window.location.href

250

Author: Zanoni,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-06-23 19:28:43

Aby uzyskać ścieżkę, możesz użyć:

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

32

Author: Sangeet Shah,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-09-03 20:58:56

Otwórz Narzędzia programistyczne , wpisz następujące elementy w konsoli i naciśnij Enter .

window.location

Ex: Poniżej znajduje się zrzut ekranu wyniku na bieżącej stronie.

Weź stąd to, czego potrzebujesz. :)

28

Author: tmh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-06-15 10:01:00

Użycie: window.location.href.

Jak wspomniano powyżej, document.URL nie aktualizuje podczas aktualizacji window.location. Zobacz MDN .

26

Author: Dorian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-04-25 16:14:28

Użyj window.location.href, aby uzyskać pełny adres URL.
Użyj window.location.pathname, Aby uzyskać adres URL opuszczający host.

18

Author: kishore,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-21 09:08:28

Możesz uzyskać bieżącą lokalizację URL ze znacznikiem hash używając:

JavaScript:

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

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

JQuery :

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

13

Author: Bhaskar Bhatt,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-25 21:31:08

Ok, uzyskanie pełnego adresu URL bieżącej strony jest łatwe przy użyciu czystego JavaScript. Na przykład wypróbuj ten kod na tej stronie:

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

Okno.miejsce.właściwość href zwraca adres URL bieżącej strony.

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>

Po prostu nie jest źle, aby wspomnieć o nich, jak również:

Również jeśli potrzebujesz ścieżki względnej, po prostu użyj window.location.pathname;

I jeśli chcesz uzyskać nazwę hosta, możesz użyć window.location.hostname;

I jeśli musisz pobrać protokół oddzielnie, po prostu wykonaj window.location.protocol

Również jeśli strona ma hash tag, można go uzyskać jak: window.location.hash

Więc window.locatation.href załatwia wszystko raz... zasadniczo:

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

Również użycie window nie jest konieczne, jeśli jest już w obszarze okna...

Więc w takim przypadku możesz użyć:

location.protocol

location.hostname

location.pathname

location.hash

location.href

13

Author: Alireza,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-08 12:16:57

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

Powyższy kod może też komuś pomóc

9

Author: Rohan Patil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-07-07 09:54:01

Dla pełnego adresu URL z ciągami zapytań:

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

Dla adresu URL hosta:

window.location

7

Author: Syed Nasir Abbas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-09-13 10:45:22

Dodawanie wyniku do szybkiego odniesienia

Okno.miejsce;

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

Dokument.lokalizacja

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

Okno.miejsce.pathname

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

Okno.miejsce.href

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

Miejsce.hostname

"stackoverflow.com"

7

Author: Hitesh Sahu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-03 13:52:36

W jstl możemy uzyskać dostęp do bieżącej ścieżki URL za pomocą pageContext.request.contextPath. Jeśli chcesz wykonać połączenie Ajax, użyj następującego adresu URL.

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

Przykład: dla strony http://stackoverflow.com/posts/36577223 da to http://stackoverflow.com/controller/path.

4

Author: Maleen Abewardana,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-25 21:32:13

Sposobem na uzyskanie bieżącego obiektu lokalizacji jest window.location.

Porównaj to z document.location, które pierwotnie zwracało tylko bieżący adres URL jako ciąg znaków. Prawdopodobnie, aby uniknąć nieporozumień, document.location zastąpiono document.URL.

I wszystkie nowoczesne przeglądarki mapują document.location do window.location.

W rzeczywistości, dla bezpieczeństwa między przeglądarkami, należy używać window.location zamiast document.location.

4

Author: Josip Ivic,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-25 21:32:43

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

0

Author: زياد,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-04-06 11:47:26

Możesz uzyskać pełny link do bieżącej strony poprzez location.href aby uzyskać link do bieżącego kontrolera, użyj:

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

0

Author: Khaled Harby,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-25 21:29:40

Jeśli odnosisz się do konkretnego linku, który ma id ten kod może Ci pomóc.

$(".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+"");
                          }
                      });
                });

Używam ajax tutaj, aby przesłać id i przekierować stronę za pomocą okna .miejsce.zastąp . wystarczy dodać atrybut id="" zgodnie z opisem.

0

Author: curiosity,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-06-30 10:26:00

Pobieranie bieżącego adresu URL za pomocą JavaScript:

Okno.miejsce.toString();

Okno.miejsce.href

0

Author: Hasib Kamal,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-09-22 06:36:16

score 3182 · Accepted Answer

Użycie:

window.location.href

Jak wspomniano w komentarzach, linia poniżej działa, ale jest podsłuch dla Firefoksa.

document.URL;

Zobacz URL typu DOMString, readonly.

3182

Author: Peter Mortensen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-03-09 02:06:18