How to manipulate the URL with Javascript and JQuery?

Question

I want to make a page with a lot of Javascript interactions. However, while a user navigates through the page the URL must change too. So, when the user shares the URL or saves it, it can lead him to the actual state he was.

How can I do that?

Examples:

myapp.com/page1

myapp.com/page2

Quentin · Accepted Answer · 2011-07-06 19:08:26Z

8

pushState, as seen on github

answered Jul 6, 2011 at 19:08

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

Quentin Over a year ago

It gracefully degrades in browsers that haven't yet caught up with pushState.

Hugo Mota Over a year ago

yeah. it's really nice feature! although in this particular case the old technique fits better with my needs, i guess this is, after all, the best choice for this problem.

Community · Accepted Answer · 2017-05-23 12:22:39Z

4

Answered by this SO question: Change the URL in the browser without loading the new page using JavaScript

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Jul 6, 2011 at 19:12

Mark Pope

11.3k11 gold badges51 silver badges59 bronze badges

Comments

GolezTrol · Accepted Answer · 2011-07-06 19:08:07Z

2

The only part of the url (or location) that you can change without reloading the page, is the hash. That is the part behind the #. Many ajax enhanced applications make use of this, including Twitter. You can change this hash on the go, and interpret the hash tag on page load to initialize the page to the correct state.

answered Jul 6, 2011 at 19:08

GolezTrol

116k19 gold badges186 silver badges215 bronze badges

3 Comments

Quentin Over a year ago

Thanks to pushState, that isn't true any more (at least in most browsers). Manipulating the hash like that has significant drawbacks

GolezTrol Over a year ago

Well, it is supported in the latest FF and partially in Chrome. Too bad for IE and all mobile browsers, but hey, who uses them.

Quentin Over a year ago

It's fully supported in Chrome, and Opera, Safari has partial support as does Mobile Safari; Opera Mobile and Android Browser support it.

Mark Pope · Accepted Answer · 2011-07-06 19:09:16Z

-1

Set this value: window.location.href

  window.location.href = "myapp.com/page2";

answered Jul 6, 2011 at 19:09

Mark Pope

11.3k11 gold badges51 silver badges59 bronze badges

1 Comment

GolezTrol Over a year ago

It will cause the page to be reloaded, which is probably undesirable in the situation described by the OP.

Collectives™ on Stack Overflow

How to manipulate the URL with Javascript and JQuery?

4 Answers 4

2 Comments

Comments

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related