Remove fragment in URL with JavaScript w/out causing page reload

by

As others have mentioned, replaceState in HTML5 can be used to remove the URL fragment.

Here is an example:

// remove fragment as much as it can go without adding an entry in browser history:
window.location.replace("#");

// slice off the remaining '#' in HTML5:    
if (typeof window.history.replaceState == 'function') {
  history.replaceState({}, '', window.location.href.slice(0, -1));
}

More Related Contents:

  1. What are the differences between history.pushState & location.hash? [closed]
  2. Change the URL in the browser without loading the new page using JavaScript
  3. Is there any way to specify a suggested filename when using data: URI?
  4. Pass vars to JavaScript via the SRC attribute
  5. Convert HTML to data:text/html link using JavaScript
  6. Parsing URL hash/fragment identifier with JavaScript
  7. SecurityError: The operation is insecure – window.history.pushState()
  8. How does facebook rewrite the source URL of a page in the browser address bar?
  9. Get HTML code using JavaScript with a URL
  10. Javascript-Setting background image of a DIV via a function and function parameter
  11. Real-Time Calculation in Javascript: Based on text field and fixed price rate of an item
  12. How to submit an HTML form without redirection
  13. Is there a DOM event that fires when an HTML select element is closed?
  14. How to find the width of a div using vanilla JavaScript?
  15. Animated gif only loops once in Chrome and Firefox
  16. Why is the variable holding the input value always logged as empty?
  17. How to ONLY trigger parent click event when a child is clicked
  18. append option to select menu?
  19. How can I detect when a new element has been added to the document in jquery?
  20. How can I add multiple sources to an HTML5 audio tag, programmatically?
  21. jQuery: trigger a hover event from another element
  22. What is the difference between `firstChild` and `firstElementChild`?
  23. Combine two selectors with one jQuery object
  24. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  25. How do I export multiple html tables to excel?
  26. querySelectorAll.style does not work
  27. fade effect using javascript no jquery?
  28. javascript close current window
  29. onclick calling hide-div function not working
  30. Owl Carousel Won’t Autoplay

Leave a Comment