AI Workshop: learn to build apps with AI →
URL API: Set the URL fragment

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


I’ve had the need to programmatically change the fragment part of a URL—the part after the # hash symbol.

I was on index.html and I wanted to change the URL to something like index.html#second.

The reason for this was a bit unusual, but let’s say I had a table of contents but the links weren’t working as I wanted.

Here’s how I did it:

window.location.hash = 'second'

Lessons in this unit:

0: Introduction
1: The URL object
2: URLSearchParams
3: Get the URL fragment
4: ▶︎ Set the URL fragment
5: The Navigator object