URL API: Set the URL fragment

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


I’ve had the need to programmatically change the fragment part of a URL

That’s 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