How to change the URL displayed in the browser without leaving the page

by

In older browsers, you can not change the url in the address bar without leaving the page. But you can change the hash portion of the url without leaving the page. That is to say you can change www.example.com to www.example.com#new_text with JavaScript window.location.hash = "new_text"; everything after the # can be changed.

However, in HTML5 there is a new History API which allows you to change the part of the URL after the domain. So you still cannot change www.example.com to www.BankOfAmerica.com (for security reasons), but you can change www.example.com/foo to www.example.com/bar.

history.pushState("object or string representing the state of the page", "new title", "newURL");

Check When can I use… to see which browsers support HTML5 session history management and support the new pushState method.

In addition there is a JavaScript library which will normalizes the history API across browsers and changes the URL in new browsers and uses the hash portion for old browsers. See history.js .

More Related Contents:

  1. How do I get the YouTube video ID from a URL?
  2. Change URL parameters and specify defaults using JavaScript
  3. Check if a JavaScript string is a URL
  4. URL hash-bang (#!/) prefix instead of simple hash (#/) in Angular 1.6
  5. How can I get the destination URL for the onbeforeunload event?
  6. How do I get the fragment identifier (value after hash #) from a URL?
  7. How to get the anchor from the URL using jQuery?
  8. Intercepting call to the back button in my AJAX application
  9. Pass vars to JavaScript via the SRC attribute
  10. How do I parse a URL query parameters, in Javascript? [duplicate]
  11. Parsing URL hash/fragment identifier with JavaScript
  12. Get query string parameters url values with jQuery / Javascript (querystring)
  13. How to clear browsing history using JavaScript?
  14. Getting an absolute URL from a relative one. (IE6 issue)
  15. SecurityError: The operation is insecure – window.history.pushState()
  16. Javascript Image Url Verify
  17. JS – window.history – Delete a state
  18. Sending user to their browser’s Home Page using Javascript
  19. Regular Expression – Extract subdomain & domain
  20. Angular url plus sign converting to space
  21. How to detect URL changes with jQuery
  22. How can I match on, but exclude a regex pattern?
  23. jQuery Youtube URL Validation with regex
  24. How to test if a URL string is absolute or relative?
  25. REGEX: Capture Filename from URL without file extension
  26. Is there any way to download csv file from “website button click” using Python?
  27. Extract parameter value from url using regular expressions
  28. Javascript history.PushState not working?
  29. Checking a Url in Jquery/Javascript
  30. How to get base domain from the URL in JavaScript

Leave a Comment