How to get the URL without any parameters in JavaScript?

Question

If I use:

alert(window.location.href);

I get everything including query strings. Is there a way to just get the main url part, for example:

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

instead of

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

possible duplicate of [Remove querystring from URL](http://stackoverflow.com/questions/2540969/remove-querystring-from-url) — Alex Angas, Jan 20 '14 at 05:02

score 404 · Accepted Answer · answered Jun 06 '11 at 20:12

404

This is possible, but you'll have to build it manually from the location object:

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

answered Jun 06 '11 at 20:12

lonesomeday

233,373
50
316
318

17

Note that you don't need to supply the location.protocol as all modern browsers (including IE6) will automatically inherit the current protocol. ie: `'//' + location.host + location.pathname` – JonnyReeves Feb 14 '12 at 16:07
13

@JonnyReeves If you're using it in the current document, that's true: good point. There are occasions when it might be necessary, e.g. if outputting the URL as plain text. – lonesomeday Feb 14 '12 at 16:10
@lonesomeday **Beautiful!** I used to hack it with ``. Since I was always in a PHP environment anyway. [$_SERVER](http://php.net/reserved.variables.server) – maxpower9000 Aug 31 '15 at 09:36
You don't HAVE to do it this way, as the response implies. – Oddman Feb 22 '16 at 19:39
1

@lonesomeday your response implies it's the only way, which it isn't. – Oddman Jul 09 '16 at 12:50
10

It's missing port, so this will return incorrect result for page `http://www.example.com:8080/asdf.html?foo=bar` – izogfif Aug 17 '18 at 15:00
12

You can save a few characters with `location.origin`, which I believe also addresses @izogfif's concern. – Coderer Sep 27 '18 at 09:32
1

@Coderer `location.origin` doesn't work for local links: instead of `file://` it gives you `null`. – izogfif Mar 31 '19 at 06:41
both this method and `location.origin` handles not special cases like `javascript:void(0)` which would not be unusual when traversing `href`s of links and buttons. – Meow Cat 2012 Dec 03 '20 at 09:58
@MeowCat2012 That's fair (even though `javascript:` links are not generally good practice). If they're around, a different approach would be needed. – lonesomeday Dec 03 '20 at 20:43
Maybe I should replace them with `#`s... And hello! SoF is really one of those rare places that 10-year-old accounts can be still active. Feels like time travelling. Sorry bothering you to look at a thread that one could already forgotten over years... – Meow Cat 2012 Dec 04 '20 at 01:56
@MeowCat2012 Yeah, I'm nowhere near as active as I once was, but I still want to take care of my old answers. (And FWIW, an `a` element with a `href` with only a hash will still show all the appropriate `host`, `pathname` etc. properties.) – lonesomeday Dec 04 '20 at 23:50

Oddman · Answer 2 · 2016-01-01T23:35:38.197

252

Every answer is rather convoluted. Here:

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

Even if a ? isn't present, it'll still return the first argument, which will be your full URL, minus query string.

It's also protocol-agnostic, meaning you could even use it for things like ftp, itunes.etc.

edited Jan 01 '16 at 23:35

answered Feb 22 '15 at 19:31

Oddman

3,715
1
16
13

67

in case you need to remove the anchors `window.location.href.split(/[?#]/)[0];` – Bahattin Ungormus Sep 17 '15 at 10:36
indeed _every_ answer is rather convoluted – mehmet Nov 09 '18 at 15:46
@mehmet all ears if you have a simpler approach :) – Oddman Mar 11 '20 at 02:08
1

@Oddman, I absolutely don't remember what I was thinking then, but I guess that might be an affirmative statement :)) – mehmet Mar 12 '20 at 03:06
@Vishal--JAVA--CQ "better" is subjective, but it's simpler. – Oddman May 23 '20 at 03:34
This approach is fine, it's just not any less convoluted than the others. You should remove the first line that implies otherwise, and then mark all these comments for deletion (including this one). – Chris Oct 21 '20 at 17:10
@Chris na, completely disagree. – Oddman Dec 24 '20 at 23:20
In case you need to redirect from urlparams page to non URL params page: ```if (window.location.href.includes("?")) { var redirect_url = window.location.href.split("?")[0]; window.location.replace(redirect_url); }``` – Ayush Mandowara Apr 13 '21 at 04:56

Robo Rick · Answer 3 · 2020-09-23T14:41:20.340

I'm LATE to the party, but I had to solve this recently, figured I'd share the wealth.

const url = window.location.origin + window.location.pathname
//http://example.com/somedir/somefile/

window.location.origin will give you the base url, in our test case: http://example.com

window.location.pathname will give you the route path (after the base url), in our test case /somedir/somefile

SOLUTION 2

You can simply do the following to get rid of the query parameters.

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

score 15 · Answer 4 · answered Jun 06 '11 at 20:13

15

Use indexOf

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

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

answered Jun 06 '11 at 20:13

Niklas

29,752
5
50
71

It doesn't remove #. – gouessej Aug 08 '20 at 09:50

zr0gravity7 · Answer 5 · 2023-07-01T16:20:55.017

Use the URL() constructor, then extract and concatenate the origin and pathname. This will automatically strip the search (aka query) parameters from the url, leaving the scheme, domain, port and pathname only.

const url = new URL('http://example.com/somedir/?foo=bar');
console.log(url.origin + url.pathname);

As a note, this type of transformation is usually referred to as normalization, specifically in this case URI Normalization. There may already exist libraries that accomplish this more robustly with more options in your environment.

score 11 · Answer 6 · answered Mar 27 '19 at 12:00

11

You can concat origin and pathname, if theres present a port such as example.com:80, that will be included as well.

location.origin + location.pathname

answered Mar 27 '19 at 12:00

AamirR

11,672
4
59
73

This solution doesn't work with Microsoft Internet Explorer <= 10: https://developer.mozilla.org/en-US/docs/Web/API/Location/origin – gouessej Aug 08 '20 at 09:48

score 10 · Answer 7 · answered Sep 22 '20 at 22:27

10

Just one more alternative using URL

var theUrl = new URL(window.location.href);
theUrl.search = ""; //Remove any params
theUrl //as URL object
theUrl.href //as a string

answered Sep 22 '20 at 22:27

digitalWestie

2,647
6
28
45

score 5 · Answer 8 · answered Jun 06 '11 at 20:25

5

You can use a regular expression: window.location.href.match(/^[^\#\?]+/)[0]

answered Jun 06 '11 at 20:25

Mic

24,812
9
57
70

score 4 · Answer 9 · answered Jun 06 '11 at 20:13

4

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

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

answered Jun 06 '11 at 20:13

Headshota

21,021
11
61
82

4

This presumes, that parameter is defined. Much better is `url.split('?')[0]` – actimel Sep 16 '14 at 10:17

score 0 · Answer 10 · answered Jun 06 '11 at 20:14

0

If you look at the documentation you can take just the properties you're interested in from the window object i.e.

protocol + '//' + hostname + pathname

answered Jun 06 '11 at 20:14

planetjones

12,469
5
50
51

You lose the port number with your suggestion, lonesomeday's solution is better in my humble opinion. – gouessej Aug 08 '20 at 09:47

How to get the URL without any parameters in JavaScript?

10 Answers10

Linked