Jak uzyskać adres URL bez żadnych parametrów w JavaScript?

176

Jeśli używam:

alert(window.location.href);

Otrzymuję wszystko, w tym ciągi zapytań. Czy istnieje sposób, aby uzyskać główną część adresu URL, na przykład:

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

zamiast

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

javascript

— Tyler
źródło

możliwy duplikat Usuń querystring z adresu URL

— Alex Angas

283

Jest to możliwe, ale będziesz musiał zbudować go ręcznie z locationobiektu :

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

— samotny dzień
źródło

14

Pamiętaj, że nie musisz podawać protokołu location.protocol, ponieważ wszystkie nowoczesne przeglądarki (w tym IE6) automatycznie odziedziczą bieżący protokół. tj .:'//' + location.host + location.pathname

— JonnyReeves

10

@JonnyReeves Jeśli używasz go w bieżącym dokumencie, to prawda: dobra uwaga. Istnieją sytuacje, w których może to być konieczne, np. Przy wyświetlaniu adresu URL jako zwykłego tekstu.

— lonesomeday

1

@lonesomeday Twoja odpowiedź sugeruje, że to jedyny sposób, a tak nie jest.

— Oddman

5

Brakuje portu, więc to zwróci niepoprawny wynik dla stronyhttp://www.example.com:8080/asdf.html?foo=bar

— izogfif

3

Możesz uratować kilka znaków location.origin, co moim zdaniem rozwiązuje również problem @ izogfif.

— Coderer

171

Każda odpowiedź jest dość zawiła. Tutaj:

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

Nawet jeśli? nie występuje, nadal zwróci pierwszy argument, którym będzie pełny adres URL pomniejszony o ciąg zapytania.

Jest również niezależny od protokołu, co oznacza, że możesz go nawet używać do rzeczy takich jak ftp, itunes.etc.

— Dziwny człowiek
źródło

39

na wypadek konieczności usunięcia kotwicwindow.location.href.split(/[?#]/)[0];

— Bahattin Ungormus

w istocie każda odpowiedź jest raczej zawiła

— mehmet

@mehmet wszystkie uszy, jeśli masz prostsze podejście :)

— Oddman

1

@Oddman, absolutnie nie pamiętam, o czym wtedy myślałem, ale myślę, że to może być stwierdzenie twierdzące :))

— mehmet

Dlaczego (jeśli tak) ta odpowiedź jest lepsza niż ta oznaczona jako zaakceptowana?

— Vishal - JAVA - CQ

16

Posługiwać się indexOf

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

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

— Niklas
źródło

5

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

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

— Headshota
źródło

3

To zakłada, że parametr jest zdefiniowany. Znacznie lepiejurl.split('?')[0]

— actimel

5

Możesz użyć wyrażenia regularnego: window.location.href.match(/^[^\#\?]+/)[0]

— Mic
źródło

5

Możesz połączyć origini pathname, jeśli istnieje port, taki jak example.com:80, to również zostanie uwzględnione.

location.origin + location.pathname

— AamirR
źródło

2

Jeśli spojrzysz na dokumentację , możesz pobrać tylko interesujące Cię właściwości z windowobiektu, tj

protocol + '//' + hostname + pathname

— planetjones
źródło