Remove anchor, but not arguments, via JavaScript

Question

I want to change the following example URL

http://www.mydomain.net/site?argument1=test1&argument2=test2#anchor

to

http://www.mydomain.net/site?argument1=test1&argument2=test2

with JavaScript. How would I best do that?

EDIT: With 'anchor' and the other text elements, I meant generic elements. So the anchor could also be another text. Sorry.

The first URL is broken, the anchor has to go at the end (after the query string) — Quentin
– Quentin, Commented Feb 26, 2011 at 19:27
@David Dorward: Oh, I didn't notice that, thanks. That already helps quite a bit with the problem... — pyvi
– pyvi, Commented Feb 26, 2011 at 19:30
@David Dorward: The URL is perfectly fine (it was http://www.mydomain.net/site#anchor?argument1=test1&argument2=test2) This form could be used to create a history for Ajax requests, including parameters. The "query string" is part of the hash. — Felix Kling
– Felix Kling, Commented Feb 26, 2011 at 19:34
Given the context of the question, it was much more likely to be broken then an instance of the hash bang problem. — Quentin
– Quentin, Commented Feb 26, 2011 at 19:36
@David Dorward: Actually it made sense to me. Because the OP said he wants to reload to a new location. Just removing the hash and reloading will not bring him to a new location. But whatever... — Felix Kling
– Felix Kling, Commented Feb 26, 2011 at 19:40

Quentin Smith · Accepted Answer · 2011-02-26 19:27:13Z

5

If you're trying to change the current location's anchor, it's better to change window.location.hash:

window.location.hash = '';

In some browsers this will avoid a reload of the page as the URL changes.

answered Feb 26, 2011 at 19:27

Quentin Smith

2141 silver badge7 bronze badges

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

5 Comments

pyvi Over a year ago

That will lead to the '#' still being there. Also, I think it deletes all arguments as well.

pyvi Over a year ago

"Also, I think it deletes all arguments as well." As I was informed, the anchor needs to go to the end anyway, so that isn't a problem. I guess then all that's left is replacing the "#"

Quentin Smith Over a year ago

It won't delete the arguments in a properly formatted URL (where the arguments come before the hash); if there are arguments after the hash, they're not really arguments and just part of the hash.

Quentin Smith Over a year ago

I'm not sure how to get rid of the remaining #. You could concoct a new URL out of the bits you want to keep, but note that it will cause most browsers to reload the page:

window.location = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search

Quentin Smith Over a year ago

You could also use the window.history object to replace the URL without reloading the page, but that's starting to get really complicated.

KJYe.Name · Accepted Answer · 2011-02-26 19:27:10Z

0

Try this:

window.location = window.location.replace(/#anchor/,"");

edited Feb 26, 2011 at 19:27

KJYe.Name

17.2k5 gold badges51 silver badges63 bronze badges

answered Feb 26, 2011 at 19:26

Gorgi Rankovski

2,3231 gold badge23 silver badges33 bronze badges

Comments

KJYe.Name · Accepted Answer · 2011-02-26 19:55:40Z

0

OK, so I tried this, and it worked perfectly fine:

var url=window.location.toString(); 
url=url.replace(/#anchor/,''); 
window.location=url;

edited Feb 26, 2011 at 19:55

KJYe.Name

17.2k5 gold badges51 silver badges63 bronze badges

answered Feb 26, 2011 at 19:39

Gorgi Rankovski

2,3231 gold badge23 silver badges33 bronze badges

Comments

Sammy Hubner · Accepted Answer · 2013-04-30 13:06:08Z

0

This should replace #anchor but also #anchor_etc or #anchor-etc from your url
var url = "http://www.mydomain.net/site?argument1=test1&argument2=test2#anchor";
url = url.replace(/\#[a-z\-\_]+/i, '');

answered Apr 30, 2013 at 13:06

Sammy Hubner

133 bronze badges

Comments

animuson · Accepted Answer · 2011-12-15 02:41:34Z

-1

window.location = window.location.replace('#anchor','');

edited Dec 15, 2011 at 2:41

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Feb 26, 2011 at 19:25

generalhenry

17.3k4 gold badges51 silver badges63 bronze badges

Collectives™ on Stack Overflow

Remove anchor, but not arguments, via JavaScript

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related