How do I change the URL without reloading the page?

The HTML5 history API can do that.

history.pushState(null, null, 'subpage');

More details here: css-tricks.com/using-the-html5-his...

I think the answer might be different depending on what you mean here.

Are you redirecting the user, but want a transition between pages?

Are you trying to update the url as the user scrolls past a certain point on the page?

It could also be helpful to mention what you're working with - React, Vanilla JS, Vue, etc... since depending on the framework/libraries in use there may be different answers :)

Utilizing the History API in JavaScript allows you to modify the URL without triggering a page reload. It is a powerful method for creating smooth transitions and updating the URL according to different site states or user actions.
Window Installation Services in Kitsap County WA

Hey! You can use JavaScript's history.pushState() or history.replaceState() to change the URL without Reload the page. These methods allow you to update the URL and the browser's history state. Here's a quick example:

javascript
Copy
history.pushState({}, '', '/new-url');
Hope that helps!