change URL link with javascript without refresh

Question

Is it possible to automatically change the url example.com/4000/title-2/#!4000 to example.com/4000/title-2 without to refresh the page ? Basically to remove "/#!4000" from the URL. Note that is important to remove the "/" before the hashbang not just the hashbang .

You want to change..? The href of a link element, or window.location? I'd suggest, if you want to change the URL in the browser's address-bar, that you look at url-rewriting, with whatever you've got running on your server (Apache?). — David Thomas
– David Thomas, Commented Apr 21, 2012 at 17:38

Community · Accepted Answer · 2017-05-23 12:14:06Z

15

dont know if it is enough for you and whether it works completely cross-browser... chrome accepts:

location.hash = "";

but this keeps the "#" in the address bar

in modern browsers that completely support the html5 history api you do:

window.history.replaceState('Object', 'Title', '/4000/title-2');

EDIT: this dies not change the history of the browser

EDIT 2: just found this stackoverflow resource

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Apr 21, 2012 at 17:39

Tobias Krogh

3,98224 silver badges15 bronze badges

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

8 Comments

themihai Over a year ago

we need to remove # and also the "/" before it .

sg3s Over a year ago

@mihai it is impossible without a page refresh.

David Thomas Over a year ago

MDN entry for browser history, and W3 entry for replaceState(). And +1 for awesome, I hadn't come across that before =)

Tobias Krogh Over a year ago

I agree, HTML5 is offering awesome APIs :)

Tobias Krogh Over a year ago

@WaleedAhmad router.navigate sounds like you are in an Angular context? If so you might be able to fetch the current state using getState() via Location and pass that to the new entry using replaceState()... generally speaking it might make sense to use the Angular APIs rather than native ones here but that also depends on your router settings... does this help?

|

Collectives™ on Stack Overflow

change URL link with javascript without refresh

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related