Skip to content

How to set the fragment part of a URL

Learn how to set the value of the fragment portion of a URL

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'

→ I wrote 17 books to help you become a better developer:

  • C Handbook
  • Command Line Handbook
  • CSS Handbook
  • Express Handbook
  • Git Cheat Sheet
  • Go Handbook
  • HTML Handbook
  • JS Handbook
  • Laravel Handbook
  • Next.js Handbook
  • Node.js Handbook
  • PHP Handbook
  • Python Handbook
  • React Handbook
  • SQL Handbook
  • Svelte Handbook
  • Swift Handbook
...download them all now!

Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list