javascript window location href without hash?

Question

I have:

var uri = window.location.href;

That provides http://example.com/something#hash

What's the best and easiest way to get the entire path without the #hash?

uri    = http://example.com/something#hash
nohash = http://example.com/something

I tried using location.origin+location.pathname which doesn't work in every browser. I tried using location.protocol+'//'+location.host+location.pathname which looks like kind of a crappy solution to me.

What is the best and easiest way to do so? maybe I query for location.hash and try to substr() this from the uri?

BTW, if your doing this just to link to a `#section` on the same page, just set the link href to `#section`. You don't need to get the page's base url then concatenate the hash on the end. — Web_Designer, Feb 25 '13 at 06:59

mplungjan · Accepted Answer · 2021-11-13T14:19:51.120

111

location.protocol+'//'+location.host+location.pathname is the correct syntax if you do not care about port number or querystring

If you do care:

https://developer.mozilla.org/en/DOM/window.location

location.protocol+'//'+
  location.host+
  location.pathname+
 (location.search?location.search:"")

or

location.protocol+'//'+
  location.hostname+
 (location.port?":"+location.port:"")+
  location.pathname+
 (location.search?location.search:"")

You can also just do a location.href.replace(location.hash,"")
It will remove EVERYTHING from the FIRST # and on regardless of other hash characters in the string

Alternatively create a URL object:

const url = new URL("https://www.somepage.com/page.hmtl#anchor") //(location.href);
console.log(url)
url.hash="";
console.log(url)

edited Nov 13 '21 at 14:19

answered Apr 28 '11 at 12:03

mplungjan

169,008
28
173
236

You lost the query string (if there was one) there – Quentin Apr 28 '11 at 12:03
1

Seems like location.host is including port. – Borgenk Nov 23 '11 at 13:33
17

That last bit about `.replace(location.hash,'')` is brilliant and just what I was trawling for. – Mar 01 '14 at 08:06
@GrigoryKalabin - should still work: `var url = "http://example.com#example"; var lnk = document.createElement("a"); lnk.href=url; alert(lnk.hash);` – mplungjan Mar 18 '15 at 12:42
@mplungjan oh, got it, hash property has leading `#`. Thanks! – Gregory Kalabin Mar 18 '15 at 12:55
13

location.href.replace(location.hash,"") will not work properly because: http://example.com#example# will give '' as hash; http://example.com#example#a will give '#a' as hash; window.location.href.split('#')[0] is a correct solution. – ZPiDER Aug 20 '15 at 17:04
1

The first solution has an issue: URLs like `https://example.com/foo?` will get transformed to ones without the question mark. Sometimes this causes issues. Your last method using the `URL` constructor seems to work fine, though, thanks! – mgol Dec 28 '21 at 22:32

score 93 · Answer 2 · edited Jun 11 '20 at 09:45

93

var uri = window.location.href.split("#")[0];

// Returns http://example.com/something

var hash = window.location.hash;

// Returns #hash

edited Jun 11 '20 at 09:45

Luc

5,339
2
48
48

answered Apr 28 '11 at 12:04

Nick Brunt

9,533
10
54
83

3

The hash sign isn't included in the second part of that array – Brian Leishman Oct 11 '16 at 18:41
I did include a fix! :-) – Caverna May 23 '17 at 17:26
3

This doesn't work. `"foo#bar#baz".split("#") == "bar"` – rgov Mar 07 '18 at 15:59
6

For hash, just use `location.hash`. – Sumit Aug 07 '18 at 09:09

score 21 · Answer 3 · answered Apr 28 '11 at 12:04

21

location.href.replace(location.hash,"")

answered Apr 28 '11 at 12:04

Quentin

914,110
126
1,211
1,335

`(location+'').href.replace(location.hash,"")` works in firefox (location is not a regular string) – Taha Jahangir Oct 08 '12 at 11:03
But care that `location.hash` is '' when url is somehting.com/# – Taha Jahangir Oct 08 '12 at 11:05
Surprisingly to me, this will not break if `location.hash` is contained elsewhere in the URL. For example, "http://www.example.com/#example". Because `location.hash` contains the leading "#". Except, when the hash is blank, as pointed out above. – Ben J Mar 07 '17 at 08:12
location.hash will contain EVERYTHING from the FIRST # to the end and ignore ANY subsequestion (illegal) url characters like # https://plungjan.name/SO/testhref.html - I tested because my answer was voted down – mplungjan Nov 13 '21 at 13:43

score 9 · Answer 4 · edited May 21 '16 at 14:00

9

Is the universal way also the smaller?

location.href.split(/\?|#/)[0]

edited May 21 '16 at 14:00

Mo.

26,306
36
159
225

answered Feb 12 '12 at 22:53

Alain Beauvois

5,896
3
44
26

score 7 · Answer 5 · answered Feb 03 '12 at 15:14

7

Shorter solutions:

without query string and hash location.href.split(location.search||location.hash||/[?#]/)[0]
only without hash location.href.split(location.hash||"#")[0]

(I usually use the first one)

answered Feb 03 '12 at 15:14

Sebastien P.

709
7
6

score 0 · Answer 6 · answered Jun 17 '21 at 15:57

0

ES2020:

let [uri, hash] = location.href.split("#");
console.log(uri, hash);

location.hash = "#myhash";

[uri, hash] = location.href.split("#");
console.log(uri, hash);

answered Jun 17 '21 at 15:57

RobertoNovelo

3,347
3
21
32

score 0 · Answer 7 · answered Jan 31 '22 at 12:39

0

I was looking for this answer:

`${window.location.origin}${window.location.pathname}${window.location.search}`

answered Jan 31 '22 at 12:39

Fred

868
10
22

score 0 · Answer 8 · answered Jun 17 '23 at 21:26

I'm a fan of letting native code do the heavy lifting as much as possible. I'd come to think that a browser can recognize the parts of URLs better than us doing a best guess. So here's another variant for your consideration:

new URL('#', location.href).slice(0, -1)

I guess this needs a litte explanation: What's happening is we're constructing a URL object with an empty hash on the current URL as base, i.e. if there is a hash, it gets replace by an empty one. We then remove the last character ('#') from the implicitly cast string (href of the URL object).

score -3 · Answer 9 · edited Jan 26 '21 at 00:28

-3

location.href = window.location.href.split("write here your code to delete in your URL")[0] + "write here your final destination";

edited Jan 26 '21 at 00:28

Joundill

6,828
12
36
50

answered Jan 25 '21 at 21:59

Vittrix

1

Hi @Vittrix welcome to SO ! Please read [How to answer](https://stackoverflow.com/help/how-to-answer) , also try to include some notes about what your answer does differently or better compared to the already accepted answer ! – turbopasi Jan 25 '21 at 22:23

javascript window location href without hash?

9 Answers9

Linked