Как получить URL без каких-либо параметров в JavaScript?

176

Если я использую:

alert(window.location.href);

Я получаю все, включая строки запроса. Есть ли способ просто получить основную часть URL, например:

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

вместо того

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

javascript

— Тайлер
источник

возможный дубликат удаления строки запроса из URL

— Алекс Ангас

283

Это возможно, но вам придется построить его вручную из locationобъекта :

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

— lonesomeday
источник

14

Обратите внимание, что вам не нужно указывать location.protocol, поскольку все современные браузеры (включая IE6) автоматически наследуют текущий протокол. то есть:'//' + location.host + location.pathname

— JonnyReeves

10

@JonnyReeves Если вы используете его в текущем документе, это правда: хороший момент. Есть случаи, когда это может быть необходимо, например, при выводе URL в виде простого текста.

— Одинокий день

1

@ lonesomeday ваш ответ подразумевает, что это единственный путь, а это не так.

— Оддман

5

Отсутствует порт, поэтому он вернет неверный результат для страницыhttp://www.example.com:8080/asdf.html?foo=bar

— izogfif

3

Вы можете сохранить несколько символов location.origin, которые, как мне кажется, также решают проблему @ izogfif.

— Coderer

171

Каждый ответ довольно запутанный. Вот:

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

Даже если? отсутствует, он по-прежнему будет возвращать первый аргумент, который будет вашим полным URL, за исключением строки запроса.

Это также не зависит от протокола, то есть вы даже можете использовать его для таких вещей, как ftp, itunes.etc.

— Странный человек
источник

39

в случае, если вам нужно снять якоряwindow.location.href.split(/[?#]/)[0];

— Бахаттин Унгормус

действительно, каждый ответ довольно запутанный

— mehmet

@ mehmet все уши, если у вас есть более простой подход :)

— Oddman

1

@ Странно, я совершенно не помню, о чем думал, но думаю, это может быть утвердительным утверждением :))

— mehmet

Почему (если это так) этот ответ лучше, чем тот, который отмечен как принятый?

— Вишал - Джава - CQ

16

использование indexOf

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

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

— Никлас
источник

5

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

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

— Headshota
источник

3

Это предполагает, что этот параметр определен. Намного лучше этоurl.split('?')[0]

— actimel

5

Вы можете использовать регулярное выражение: window.location.href.match(/^[^\#\?]+/)[0]

— микрофон
источник

5

Вы можете присоединиться, originи pathname, если есть порт, такой как example.com:80, он также будет включен.

location.origin + location.pathname

— AamirR
источник

2

Если вы посмотрите на документацию, вы можете взять только интересующие вас свойства из windowобъекта, т.е.

protocol + '//' + hostname + pathname

— planetjones
источник