Javascript: document.url without the anchor (hash) portion

Question

I've tried searching for this for 30 minutes, so I apologize if it's been asked already.

I have some Ajax which returns a set of results and when one is clicked it simply reloads the URL with the appended data to the URL for PHP to GET on the next page. The problem is, if the user clicked to some built in anchoring (which I cannot remove), the URL will be something.com#location1 so appending ?action=next will turn it into something.com#location1?action=next which the browser interprets as a long anchor, rather than a new URL to actually direct to.

If the user never clicks the anchor portion this redirect works smoothly using window.location=document.url+"?action=next"

Is there a way to remove the anchor (including the hash tag) from the existing page's URL?

SOLVED

Using Michael W's answer I was able to solve it. I simply replaced this line:

window.location=document.url+"?action=next"

With this:

window.location=document.location.href.match(/(^[^#]*)/)[0]+"?action=next"

Thanks for the help!

I went with Michael W's solution (with a minor modification), marked as such and edited the original question to include the solution for future readers. — Bing
– Bing, Commented Mar 4, 2013 at 5:19

sayap · Accepted Answer · 2013-04-30 03:56:54Z

14

This seems slightly simpler:

document.URL.replace(/#.*$/, "")

answered Apr 30, 2013 at 3:56

sayap

6,2852 gold badges38 silver badges40 bronze badges

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

Comments

Michael W · Accepted Answer · 2013-03-04 02:30:55Z

6

You could match for the pre-hashtag portion of the location:

document.location.href.match(/(^[^#]*)/)

answered Mar 4, 2013 at 2:30

Michael W

6881 gold badge9 silver badges22 bronze badges

1 Comment

Bing Over a year ago

For those reading: this returns an Array. Specifying the first element worked for me: window.location=document.location.href.match(/(^[^#]*)/)[0] I aborted using document.url entirely.

Itai · Accepted Answer · 2013-03-04 02:28:10Z

2

The location object can be accessed by independent components and you can use those to reconstruct the URL with as many or as few pieces as you like.

The official documentation is offline at this time but this site seems to have it.

Should those be internal links you are generating, you will only need to generate a relative url and maybe even just location.pathname would suffice.

Note that you tagged your question as Javascript but since you are coding in PHP, I suspect what you need is to generate those links on the PHP side.

answered Mar 4, 2013 at 2:28

Itai

2374 silver badges14 bronze badges

2 Comments

JAT86 Over a year ago

location.pathname indeed works for me. But what is its difference between window.location.pathname?

Itai Over a year ago

@JAT86 - Those are identical in that they reference the same object. It is just accessible two ways.

Zanon · Accepted Answer · 2021-04-18 11:51:00Z

1

I'm using:

document.location.href.split('#')[0];

It finds the first hash and ignore the rest of the path. If there is no hash, no problem. In this case it will take the entire path.

answered Apr 18, 2021 at 11:51

Zanon

31k21 gold badges119 silver badges127 bronze badges

1 Comment

aequalsb Over a year ago

should be considered best method imo

Collectives™ on Stack Overflow

Javascript: document.url without the anchor (hash) portion

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Related