Current URL without parameters, hash, http(s)://

Question

I'm looking for a neat way of getting the URL of the current document in Javascript.

The URL should be clean of parameters (?parameter1=bla&parameter2=bla)
The URL should be clean of hash tags (#jumppoint)
http/https should be removed/consolidated into http

I know i can get the current URL with location.href and then use some regular expressions to clean it up but maybe there is a nicer/cleaner solution for getting rid of the junk?

I'm tempted to downvote just for calling important parts of the url "junk"! — Douglas
– Douglas, Commented Mar 1, 2012 at 9:39
@Douglas Importance is subjective. It's entirely plausible that in the context of this function only the host is the relevant part. — Anthony Grist
– Anthony Grist, Commented Mar 1, 2012 at 9:40

David Hellsing · Accepted Answer · 2012-03-01 09:55:12Z

62

There are many other parameters than the href in window.location. See full reference here: https://developer.mozilla.org/en/DOM/window.location

What you are looking for as a starter might be the window.location.hostname:

"the host name (without the port number or square brackets)."

From the example URL http://[www.example.com]:80/search?q=devmo#test the hostname will be www.example.com.

If you also want to include the path and force a http:// protocol, try:

'http://' + window.location.hostname + window.location.pathname;

As a side note, a nifty trick to get the same parameters from another URL than the window.location is to create an empty anchor:

var a = document.createElement('a');
a.href = 'http://www.example.com:80/search?q=devmo#test';

console.log('http://' + a.hostname + a.pathname);

edited Mar 1, 2012 at 9:55

answered Mar 1, 2012 at 9:38

David Hellsing

109k44 gold badges180 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jfriend00 Over a year ago

I think they want the pathname too.

David Hellsing Over a year ago

@jfriend00 yea, the docs should be enough to figure things out, but I added that too for clarity.

Alex from Jitbit Over a year ago

'http://' + window.location.hostname + window.location.pathname; you forgot the port

Kevin Bradshaw · Accepted Answer · 2013-07-29 10:43:39Z

35

None of the given answers address the fact that the protocol can be http or https as in the OPs title. To accommodate this I suggest:

document.location.protocol +"//"+ document.location.hostname + document.location.pathname

answered Jul 29, 2013 at 10:43

Kevin Bradshaw

6,49713 gold badges58 silver badges79 bronze badges

1 Comment

Kris Over a year ago

If you have a port number in your URL, this solution causes the port number to be lost, ie localhost:49346 becomes localhost.

user123444555621 · Accepted Answer · 2012-03-01 09:43:36Z

5

The Location object got what you need

window.location.hostname + window.location.pathname

answered Mar 1, 2012 at 9:43

user123444555621

154k27 gold badges118 silver badges126 bronze badges

Comments

balkon_smoke · Accepted Answer · 2012-03-01 09:39:52Z

2

You have document.location object, so:

var oLoc = document.location,
    sUrl = oLoc.protocol + oLoc.hostname;
    // or "http://" + oLoc.hostname

answered Mar 1, 2012 at 9:39

balkon_smoke

1,2172 gold badges11 silver badges25 bronze badges

Comments

jfriend00 · Accepted Answer · 2012-03-01 09:50:19Z

2

You can use these replacement functions to remove the hash and search arguments and normalize https to http:

url = url.replace(/#[^#]*$/, "").replace(/\?[^\?]*$/, "").replace(/^https:/, "http:");

Or, if all you really want is the domain and path, you can just use this:

window.location.hostname + window.location.pathname

edited Mar 1, 2012 at 9:50

answered Mar 1, 2012 at 9:42

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Comments

tuantm · Accepted Answer · 2015-01-22 10:46:37Z

2

Please try this snippet:

if (!window.location.origin){
  // For IE
  window.location.origin = window.location.protocol + "//" + (window.location.port ? ':' + window.location.port : '');      
}

url = window.location.origin + window.location.pathname;
document.write('Origin url: ' + url);

edited Jan 22, 2015 at 10:46

answered Jan 22, 2015 at 10:40

tuantm

3391 silver badge10 bronze badges

3 Comments

bardiir Over a year ago

This was already answered long ago. And this answer is wrong regarding the question as it will still provide https:// as the origin protocol if the page is https - but it should strip the protocol/readd it as http.

Alex Over a year ago

Isn't there the host name missing in the for-IE code? Like

window.location.origin = window.location.protocol + "//" + (window.location.port ? ':' + window.location.port : '')                 + '/' + window.location.hostname;

Zzirconium Over a year ago

yes, but not in that order : window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');

Anthony Grist · Accepted Answer · 2012-03-01 09:39:35Z

0

This page indicates that you could probably use window.location.host to get the part you're actually interested in. I haven't tested it, though.

answered Mar 1, 2012 at 9:39

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

Comments

Sudhir Bastakoti · Accepted Answer · 2012-03-01 09:40:43Z

0

Try:


window.location.hostname;

answered Mar 1, 2012 at 9:40

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Collectives™ on Stack Overflow

Current URL without parameters, hash, http(s)://

8 Answers 8

3 Comments

1 Comment

Comments

Comments

Comments

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

3 Comments

1 Comment

Comments

Comments

Comments

3 Comments

Comments

Comments

Linked

Related