What are some examples of using the browser history API?

Can you give me some examples of how to use the browser history API?

Sure! The browser history API allows you to manipulate the session history of the browser. For example, you can use history.pushState() to add a new entry to the history stack.

What does pushState do exactly?

pushState adds a new state to the history stack, allowing you to change the URL without reloading the page. It takes three parameters: state object, title, and URL.

Can you show me a code snippet for that?

Absolutely! Here's a simple example:

history.pushState({page: 1}, 'title 1', '/page1');

This will change the URL to '/page1' without reloading the page.

What about replaceState? How is it different?

replaceState works similarly to pushState, but it replaces the current history entry instead of adding a new one. This is useful for updating the URL without creating a new history entry.