Ricevi l'URL corrente con JavaScript?

Tutto quello che voglio è ottenere l'URL del sito web. Non l'URL come preso da un collegamento. Nel caricamento della pagina devo essere in grado di afferrare l'URL completo e corrente del sito Web e impostarlo come variabile da fare a mio piacimento.

Uso:

window.location.href 

Come notato nei commenti, la riga seguente funziona, ma è disturbata per Firefox.

document.URL;

Vedi l' URL di tipo DOMString, di sola lettura .

Accesso alle informazioni URL

JavaScript offre molti metodi per recuperare e modificare l'URL corrente, che viene visualizzato nella barra degli indirizzi del browser. Tutti questi metodi usano l' Locationoggetto, che è una proprietà Windowdell'oggetto. È possibile creare un nuovo Locationoggetto con l'URL corrente come segue:

var currentLocation = window.location;

Struttura dell'URL di base

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

• protocollo: specifica il nome del protocollo da utilizzare per accedere alla risorsa su Internet. (HTTP (senza SSL) o HTTPS (con SSL))

• nome host: il nome host specifica l'host proprietario della risorsa. Ad esempio www.stackoverflow.com,. Un server fornisce servizi utilizzando il nome dell'host.

• porta: un numero di porta utilizzato per riconoscere un processo specifico a cui inoltrare un messaggio Internet o un altro messaggio di rete quando arriva a un server.

• nome percorso: il percorso fornisce informazioni sulla risorsa specifica all'interno dell'host a cui il client Web desidera accedere. Ad esempio /index.html,.

• ricerca: una stringa di query segue il componente percorso e fornisce una stringa di informazioni che la risorsa può utilizzare per qualche scopo (ad esempio, come parametri per una ricerca o come dati da elaborare).

• hash: la parte di ancoraggio di un URL, include il segno di hash (#).

Con queste Locationproprietà dell'oggetto puoi accedere a tutti questi componenti URL e a cosa possono impostare o restituire:

• href : l'intero URL
• protocollo - il protocollo dell'URL
• host : nome host e porta dell'URL
• hostname - il nome host dell'URL
• porta : il numero di porta utilizzato dal server per l'URL
• nome percorso : il nome percorso dell'URL
• cerca - la parte della query dell'URL
• hash : la parte di ancoraggio dell'URL

Spero che tu abbia la tua risposta

Utilizzare window.locationper l'accesso in lettura e scrittura all'oggetto posizione associato al frame corrente. Se vuoi solo ottenere l'indirizzo come stringa di sola lettura, puoi usare document.URL, che dovrebbe contenere lo stesso valore di window.location.href.

Ottiene l'URL della pagina corrente:

window.location.href

OK, ottenere l' URL completo della pagina corrente è semplice utilizzando JavaScript puro. Ad esempio, prova questo codice in questa pagina:

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

La window.location.hrefproprietà restituisce l'URL della pagina corrente.

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>

Non è male menzionare anche questi:

• se hai bisogno di un percorso relativo, usa semplicemente window.location.pathname;

• se desideri ottenere il nome host, puoi utilizzare window.location.hostname;

• e se è necessario ottenere il protocollo separatamente, utilizzare window.location.protocol

  • Inoltre, se la pagina ha hashtag, è possibile ottenere le cose come: window.location.hash.

Quindi window.location.hrefgestisce tutto in una volta ... sostanzialmente:

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

Anche usando window non è necessario se già nell'ambito della finestra ...

Quindi, in quel caso, puoi usare:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Per ottenere il percorso, è possibile utilizzare:

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

Apri Strumenti per gli sviluppatori , digita quanto segue nella console e premi Invio .

window.location

Es: Di seguito è riportato lo screenshot del risultato nella pagina corrente.

Prendi quello che ti serve da qui. :)

Usa: window.location.href.

Come notato sopra, document.URL non si aggiorna durante l'aggiornamento window.location. Vedi MDN .

• Utilizzare window.location.hrefper ottenere l'URL completo.
• Utilizzare window.location.pathnameper ottenere l'URL che lascia l'host.

Puoi ottenere la posizione corrente dell'URL con un tag hash usando:

JavaScript:

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

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

jQuery :

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

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

Il codice sopra può anche aiutare qualcuno

Aggiunta del risultato per un riferimento rapido

window.location;

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

document.location

  Location {href: "/programming/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

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

location.hostname

"stackoverflow.com"

Per URL completo con stringhe di query:

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

Per l'URL host:

window.location

In jstl possiamo accedere al percorso URL corrente utilizzando pageContext.request.contextPath. Se si desidera effettuare una chiamata Ajax, utilizzare il seguente URL.

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

Esempio: per la pagina http://stackoverflow.com/posts/36577223questo darà http://stackoverflow.com/controller/path.

Il modo per ottenere l'oggetto posizione corrente è window.location .

Confronta questo con document.location, che originariamente restituiva solo l'URL corrente come stringa. Probabilmente per evitare confusione, è document.locationstato sostituito condocument.URL .

E, tutti i browser moderni eseguono il mapping document.locationawindow.location .

In realtà, per la sicurezza cross-browser, è necessario utilizzare window.locationanziché document.location.

Per coloro che desiderano un vero oggetto URL, potenzialmente per un'utilità che utilizza gli URL come argomento:

const url = new URL(window.location.href)

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

La risposta di Nikhil Agrawal è ottima, basta aggiungere un piccolo esempio qui che puoi fare nella console per vedere i diversi componenti in azione:

Se vuoi che l'URL di base senza percorso o parametro di query (ad esempio per fare in modo che le richieste AJAX non funzionino su server di sviluppo / gestione temporanea E di produzione), window.location.originè meglio in quanto mantiene il protocollo e la porta opzionale (nello sviluppo di Django, a volte avere una porta non standard che la interrompe se si utilizza solo il nome host ecc.)

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

È possibile ottenere il collegamento completo della pagina corrente location.href e per ottenere il collegamento del controller corrente, utilizzare:

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

Ottenere l'URL corrente con JavaScript:

• window.location.toString ();

• window.location.href

se ti riferisci a un link specifico che ha un ID questo codice può aiutarti.

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

Sto usando Ajax qui per inviare un ID e reindirizzare la pagina usando window.location.replace . basta aggiungere un attributo id=""come indicato.

Provare

location+''

let url = location+'';

console.log(url);

Innanzitutto controlla che la pagina sia caricata completamente

browser,window.location.toString();

window.location.href

quindi chiama una funzione che accetta url, variabile URL e stampa sulla console,

$(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});