Ottieni l’URL corrente con JavaScript?

Tutto quello che voglio è ottenere l’URL del sito web. Non l’URL preso da un collegamento. Durante il caricamento della pagina, devo essere in grado di prendere l’URL completo e attuale del sito Web e impostarlo come variabile a cui fare ciò che desidero.

Uso:

window.location.href 

Come notato nei commenti, la linea qui sotto funziona, ma è bug per Firefox.

 document.URL; 

Vedi URL di tipo DOMString, readonly .

Accesso alle informazioni sull’URL

JavaScript fornisce molti metodi per recuperare e modificare l’URL corrente, che viene visualizzato nella barra degli indirizzi del browser. Tutti questi metodi usano l’object Location , che è una proprietà dell’object Window . Puoi creare un nuovo object Location con l’URL corrente come segue:

 var currentLocation = window.location; 

Struttura URL di base

 //:/ 
  • 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 che possiede la 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 un messaggio Internet o di altra rete deve essere inoltrato quando arriva a un server.

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

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

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

Con queste proprietà dell’object Location è ansible accedere a tutti questi componenti URL e a ciò che possono impostare o restituire:

  • href : l’intero URL
  • protocollo – il protocollo dell’URL
  • host : il nome host e la porta dell’URL
  • nomehost – il nome host dell’URL
  • porta : il numero di porta che il server utilizza per l’URL
  • percorso : il nome del percorso dell’URL
  • ricerca – la porzione di query dell’URL
  • hash : la parte di ancoraggio dell’URL

Spero tu abbia la tua risposta ..

La stessa domanda è stata posta meno di 24 ore fa . Per citare me stesso:

Utilizzare window.location per l’ window.location in lettura e scrittura all’object posizione associato al fotogramma corrente. Se si desidera ottenere l’indirizzo come stringa di sola lettura, è ansible utilizzare document.URL , che dovrebbe contenere lo stesso valore di window.location.href .

Ottiene l’URL della pagina corrente:

 window.location.href 

Per ottenere il percorso, puoi 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 

Usa: window.location.href .

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

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

 window.location 

Es: Qui sotto c’è lo screenshot del risultato sulla pagina corrente.

inserisci la descrizione dell'immagine qui

Prendi quello di cui hai bisogno da qui. 🙂

  • Usa window.location.href per ottenere l’URL completo.
  • Utilizzare window.location.pathname per 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'); 

OK, ottenere l’ URL completo della pagina corrente è facile utilizzando puro JavaScript. Ad esempio, prova questo codice su questa pagina:

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

La proprietà window.location.href restituisce l’URL della pagina corrente.

 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(); } 

Il codice sopra può anche aiutare qualcuno

Per l’URL completo con stringhe di query:

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

Per l’URL dell’host:

 window.location 

Aggiunta di risultati per riferimento rapido

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" 

In jstl possiamo accedere al percorso corrente dell’URL usando 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/36577223 questo darà http://stackoverflow.com/controller/path .

Il modo per ottenere l’object posizione corrente è window.location .

Confrontalo con document.location , che in origine restituiva solo l’URL corrente come stringa. Probabilmente per evitare confusione, document.location stato sostituito con document.URL .

E tutti i browser moderni mappano document.location a window.location .

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

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

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

 location.href.substring(0, location.href.lastIndexOf('/')); 
 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 redirect la pagina usando window.location.replace . aggiungi semplicemente un attributo id="" come indicato.