What are the differences between history.pushState & location.hash? [closed]

by

location.hash has a better support than the history.pushState method.

The advantage of the pushState method is that you can bind a state to the history entry.

If you don’t need this state object, I recommend to use the location.hash property, to have better compatibility with older browsers.

location.hash="new-hash";
console.log(history.state); // null or undefined

history.pushState({extraData: "some state info"}, '', 'new-hash'); //<---
console.log(history.state); // [object Object] = {"extraData": "some state info"}

More Related Contents:

  1. SecurityError: The operation is insecure – window.history.pushState()
  2. Remove fragment in URL with JavaScript w/out causing page reload
  3. Change the URL in the browser without loading the new page using JavaScript
  4. Is there any way to specify a suggested filename when using data: URI?
  5. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  6. Pass vars to JavaScript via the SRC attribute
  7. Convert HTML to data:text/html link using JavaScript
  8. Parsing URL hash/fragment identifier with JavaScript
  9. How does facebook rewrite the source URL of a page in the browser address bar?
  10. How to detect when history.pushState and history.replaceState are used? [duplicate]
  11. Get HTML code using JavaScript with a URL
  12. How do I retrieve if the popstate event comes from back or forward actions with the HTML5 pushstate?
  13. How to trigger change when using the back button with history.pushstate and popstate?
  14. Javascript-Setting background image of a DIV via a function and function parameter
  15. javascript runs twice [closed]
  16. Tally value in dynamically generated textbox
  17. How to take screenshot of a div with JavaScript?
  18. What is the correct syntax of ng-include?
  19. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  20. How to select multiple files with ?
  21. How to display image with JavaScript?
  22. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  23. How can I disable HREF if onclick is executed?
  24. HTML form with two submit buttons and two “target” attributes
  25. Bootstrap Dropdown with Hover
  26. How to get a number value from an input field?
  27. HTML5 Video buffered attribute features
  28. copying the value of a form’s file input field to another form’s input field
  29. How to delete an HTML element inside a div with attribute contentEditable?
  30. Bootstrap Dropdown menu is not working

Leave a Comment