¿Cómo obtener la URL sin ningún parámetro en JavaScript?

176

Si yo uso:

alert(window.location.href);

Me sale todo, incluidas las cadenas de consulta. ¿Hay alguna manera de obtener la parte principal de la URL, por ejemplo:

http://mysite.com/somedir/somefile/

en vez de

http://mysite.com/somedir/somefile/?foo=bar&loo=goo

javascript

— Tyler
fuente

posible duplicado de Eliminar cadena de consulta de URL

— Alex Angas

283

Esto es posible, pero tendrá que construirlo manualmente desde el locationobjeto :

location.protocol + '//' + location.host + location.pathname

— solitario
fuente

14

Tenga en cuenta que no necesita proporcionar el location.protocol ya que todos los navegadores modernos (incluido IE6) heredarán automáticamente el protocolo actual. es decir:'//' + location.host + location.pathname

— JonnyReeves

10

@ JonnyReeves Si lo está utilizando en el documento actual, es cierto: buen punto. Hay ocasiones en las que podría ser necesario, por ejemplo, si genera la URL como texto sin formato.

— solitario

1

@lonesomeday su respuesta implica que es la única forma, que no lo es.

— Oddman

55

Falta el puerto, por lo que esto devolverá un resultado incorrecto para la páginahttp://www.example.com:8080/asdf.html?foo=bar

— izogfif

3

Puede guardar algunos caracteres con location.origin, lo que creo que también aborda la preocupación de @ izogfif.

— Coderer

171

Cada respuesta es bastante complicada. Aquí:

var url = window.location.href.split('?')[0];

Incluso si un? no está presente, aún devolverá el primer argumento, que será su URL completa, menos la cadena de consulta.

También es independiente del protocolo, lo que significa que incluso podría usarlo para cosas como ftp, itunes.etc.

— Hombre impar
fuente

39

en caso de que necesite quitar los anclajeswindow.location.href.split(/[?#]/)[0];

— Bahattin Ungormus

de hecho, cada respuesta es bastante enrevesado

— mehmet

@mehmet todos los oídos si tiene un enfoque más simple :)

— Oddman

1

@Oddman, absolutamente no recuerdo lo que estaba pensando en ese momento, pero supongo que podría ser una afirmación afirmativa :))

— mehmet

¿Por qué es (si es) esta respuesta mejor que la marcada como aceptada?

— Vishal - JAVA - CQ

16

Utilizar indexOf

var url = "http://mysite.com/somedir/somefile/?aa";

if (url.indexOf("?")>-1){
url = url.substr(0,url.indexOf("?"));
}

— Niklas
fuente

5

var url = "tp://mysite.com/somedir/somefile/?foo=bar&loo=goo"    

url.substring(0,url.indexOf("?"));

— Headshota
fuente

3

Esto supone que ese parámetro está definido. Mucho mejor esurl.split('?')[0]

— actimel

5

Puedes usar una expresión regular: window.location.href.match(/^[^\#\?]+/)[0]

— Micrófono
fuente

5

Puede concat originy pathname, si hay un puerto como example.com:80ese, también se incluirá.

location.origin + location.pathname

— AamirR
fuente

2

Si mira la documentación , puede tomar solo las propiedades que le interesan del windowobjeto, es decir

protocol + '//' + hostname + pathname

— planetjones
fuente