Updating address bar with new URL without hash or reloading the page

Question

I either dreamt about chrome  dev channel  implementing a way to update the address bar via javascript  the path  not domain  without reloading the page or they really have done this   However  I can t find the article I think I read   Am I crazy or is there a way to do this  in Chrome    p s  I m not talking about window location hash  et al  If the above exists the answer to this question will be untrue

User · Answer

Changing only what s after hash - old browsers  document location hash    lookAtMeNow     Changing full URL  Chrome  Firefox  IE10   history pushState  data to be passed    Title of the page     test      The above will add a new entry to the history so you can press Back button to go to the previous state  To change the URL in place without adding a new entry to history use  history replaceState  data to be passed    Title of the page     test      Try running these in the console now

User · Answer

You can now do this in most  modern  browsers   Here is the original article I read  posted July 10  2010   HTML5  Changing the browser-URL without refreshing page   For a more in-depth look into pushState replaceState popstate  aka the HTML5 History API  see the MDN docs   TL DR  you can do this   window history pushState  object or string    Title     new-url      See my answer to Modify the URL without reloading the page for a basic how-to

User · Answer

var newurl   window location protocol          window location host   window location pathname     foo bar   window history pushState  path newurl     newurl

User · Answer

Update to Davids answer to even detect browsers that do not support pushstate   if  history pushState      window history pushState  object or string    Title     new-url      else     document location href     new-url

[javascript] Updating address bar with new URL without hash or reloading the page

Examples related to javascript

Examples related to ajax

Examples related to google-chrome