javascript - location.hash and back history

Question

Is there a function that can be called to prevent the browser from recording a back history entry when changing the hash value?

I am writing a simple javascript gallery that changes the browser url without reloading the page as the user moves through each image.

This is done by setting the location.hash to the unique ID of the image.

window.location.hash = imageID;

The problem is when the user hits the browser back button, they must move backwards through every image like it was a page load.

If they rotated through 20 images using the gallery, they must click back 21 times to get back to the previous page.

How can I prevent a back history from being recorded with javascript?

Answer 1

window.location.replace will let you set the url without adding it to the browser history.

var baseUrl = window.location.href.split('#')[0];
window.location.replace( baseUrl + '#' + imageID );

documentation