Domanda 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.


2521
2018-06-23 19:26


origine


risposte:


Uso:

window.location.href 

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

document.URL;

Vedere URL di tipo DOMString, readonly.


3144
2017-12-23 15:33



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 il Location oggetto, che è una proprietà del Window oggetto. Puoi creare un nuovo Location oggetto che ha l'URL corrente come segue:

var currentLocation = window.location;

Struttura 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))

  • hostname: Il nome host specifica l'host che possiede la risorsa. Per 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 altro tipo 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. Per 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 questi Location proprietà dell'oggetto è possibile accedere a tutti questi componenti URL e cosa possono impostare o restituire:

  • href - l'intero URL
  • protocollo - il protocollo dell'URL
  • ospite - il nome host e la porta dell'URL
  • hostname - 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 ..


520
2018-06-23 19:35



La stessa domanda è stato chiesto meno di 24 ore fa. Per citare me stesso:

Uso window.location per leggere e   accesso in scrittura al Posizione   oggetto   associato al fotogramma corrente. Se   vuoi solo ottenere l'indirizzo come   stringa di sola lettura, è possibile utilizzare    document.URL, che dovrebbe contenere   lo stesso valore di    window.location.href.


309
2018-06-23 19:28



Ottiene l'URL della pagina corrente:

window.location.href

249
2017-09-10 06:51



Per ottenere il percorso, puoi utilizzare:

alert("Url  ="+document.location);
alert("PathName  ="+ window.location.pathname);// Returns path only
alert("url  ="+window.location.href);// Returns full URL


30
2018-04-25 16:14



Uso: window.location.href.

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


26
2018-06-09 09:32



Aperto Strumenti di sviluppo, digita quanto segue nel file consolle e premere accedere.

window.location

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

enter image description here

Prendi quello di cui hai bisogno da qui. :)


25
2018-03-26 06:10



  • Uso window.location.href per ottenere l'URL completo.
  • Uso window.location.pathname per ottenere l'URL che lascia l'host.

18
2017-10-08 15:24



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');

13
2017-10-07 02:31



OK, ottenendo il 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:<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 neanche menzionare questi:

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

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

E se hai bisogno di ottenere il protocollo separatamente, fallo semplicemente window.location.protocol

Anche se la pagina lo ha hash tag, puoi ottenerlo come: window.location.hash

Così window.locatation.href gestisce tutto in una volta ... in pratica:

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

Anche usando window non è necessario se già in ambito finestra ...

Quindi in quel caso puoi usare:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript


12
2017-12-19 12:58



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


9
2017-09-05 23:07