What up y'all! I've been working on creating a portfolio site from scratch and got stuck on this annoying little problem.
Can anyone shed some light on how to change a URL without reloading the page?
Thanks all!
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (4)
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
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 :)
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!
The HTML5 history API can do that.
history.pushState(null, null, 'subpage');More details here: css-tricks.com/using-the-html5-his...