Pregunta Obtener la URL actual en JavaScript?


Estoy usando jQuery. ¿Cómo obtengo la ruta de la URL actual y la asigno a una variable?

URL de ejemplo:

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

1581
2018-01-02 06:42


origen


Respuestas:


Para obtener la ruta, puede usar:

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

2131
2018-01-02 06:57



En puro estilo jQuery:

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

El objeto de ubicación también tiene otras propiedades, como host, hash, protocolo y ruta de acceso.


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

Esto funcionará solo si tienes jQuery. Por ejemplo:

<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 necesita los parámetros hash presentes en la URL, window.location.href puede ser una mejor opción.

window.location.pathname
=> /search

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

57
2018-05-09 16:39



Querrá usar JavaScript incorporado window.location objeto.


45
2018-01-02 06:50



Simplemente agregue esta función en JavaScript, y devolverá la ruta absoluta de la ruta actual.

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

Espero que te sirva


36
2018-05-19 09:12



window.location es un objeto en javascript. devuelve los siguientes datos

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 puedes usar

$(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