Question Obtenir l'URL actuelle en JavaScript?


J'utilise jQuery. Comment obtenir le chemin de l'URL actuelle et l'assigner à une variable?

Exemple d'URL:

http://localhost/menuname.de?foo=bar&number=0

1581
2018-01-02 06:42


origine


Réponses:


Pour obtenir le chemin, vous pouvez utiliser:

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

2131
2018-01-02 06:57



En pur style jQuery:

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

L'objet location a également d'autres propriétés, telles que l'hôte, le hachage, le protocole et le chemin d'accès.


778
2018-05-19 12:42



http://www.refulz.com:8082/index.php#tab2?foo=789

Property    Result
------------------------------------------
host        www.refulz.com:8082
hostname    www.refulz.com
port        8082
protocol    http:
pathname    index.php
href        http://www.refulz.com:8082/index.php#tab2
hash        #tab2
search      ?foo=789

var x = $(location).attr('<property>');

Cela ne fonctionnera que si vous avez jQuery. Par exemple:

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
  $(location).attr('href');      // http://www.refulz.com:8082/index.php#tab2
  $(location).attr('pathname');  // index.php
</script>
</html>

430
2018-01-30 21:10



Si vous avez besoin des paramètres de hachage présents dans l'URL, window.location.href peut être un meilleur choix.

window.location.pathname
=> /search

window.location.href 
 => www.website.com/search#race_type=1

57
2018-05-09 16:39



Vous voudrez utiliser la fonction intégrée de JavaScript window.location objet.


45
2018-01-02 06:50



Ajoutez simplement cette fonction en JavaScript, et elle renverra le chemin absolu du chemin courant.

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

J'espère que cela fonctionne pour vous.


36
2018-05-19 09:12



window.location est un objet en javascript. il renvoie les données suivantes

window.location.host          #returns host
window.location.hostname      #returns hostname
window.location.path          #return path
window.location.href          #returns full current url
window.location.port          #returns the port
window.location.protocol      #returns the protocol

en jquery vous pouvez utiliser

$(location).attr('host');        #returns host
$(location).attr('hostname');    #returns hostname
$(location).attr('path');        #returns path
$(location).attr('href');        #returns href
$(location).attr('port');        #returns port
$(location).attr('protocol');    #returns protocol

29
2018-04-06 09:54