Hola chicos, esto debe ser muy simple, pero no soy capaz de resolverlo.

Quiero href en algunos enlaces de navegación que están en el menú desplegable para cambiar cuando el usuario navega a cualquier subpágina del sitio web y permanecer igual cuando el usuario está en la página de inicio, por ejemplo.

cuando un usuario está en la página de inicio ( www.example.com ), href debe ser

href="#div_id1"

y cuando el usuario va a la subpágina, por ejemplo, = www.example.com/contactpage, entonces

href="www.ejemplo.com#div_id1"

Estoy usando un encabezado dinámico, así que no puedo usar un código de barra de navegación diferente en otra página

a continuación está mi código

 <li id="dropdownheading" class="nav-item my-auto dropdown"> <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button" ata-bs-toggle="dropdown" aria-expanded="false"> Dropdown heading </a> <ul class="dropdown-menu " aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#div-id1">div 1</a></li> <li><a class="dropdown-item" href="#div-id2">div 2</a></li> <li><a class="dropdown-item" href="#div-id2">div 3</a></li> </ul> </li>