How can I change the current URL

Question

I have the following code that changes the pages from within JavaScript   var newUrl    some code to build up URL string   window location replace newUrl     But it doesn t change the top URL  so when someone clicks the back button it doesn t go back to the previous page   How can I have JavaScript change the top URL as well so the browser back button works

User · Answer

Hmm  I would use  window location    http   localhost index html  options go here     I m not exactly sure if that is what you mean

User · Answer

If you just want to update the relative path you can also do  window location pathname     relative-link    http   domain com  - gt   http   domain com relative-link

User · Answer

lt script gt       var url   http   www google com        window location   url    lt  script gt

User · Answer

This will do it  window history pushState null null  https   www google com

User · Answer

Simple assigning to window location or window location href should be fine   window location   newUrl    However  your new URL will cause the browser to load the new page  but it sounds like you d like to modify the URL without leaving the current page   You have two options for this    Use the URL hash   For example  you can go from example com to example com foo without loading a new page   You can simply set window location hash to make this easy   Then  you should listen to the HTML5 hashchange event  which will be fired when the user presses the back button   This is not supported in older versions of IE  but check out jQuery BBQ  which makes this work in all browsers  You could use HTML5 History to modify the path without reloading the page   This will allow you to change from example com foo to example com bar   Using this is easy   window history pushState  example com foo     When the user presses  back   you ll receive the window s popstate event  which you can easily listen to  jQuery      window  bind  popstate   function e    alert  location changed         Unfortunately  this is only supported in very modern browsers  like Chrome  Safari  and the Firefox 4 beta

User · Answer

document location href   newUrl    https   developer mozilla org en-US docs Web API document location

[javascript] How can I change the current URL?

Examples related to javascript