Javascript 让锚定部分像一个正常的网站

这有点难以解释： 我们有一个网站，包含各种菜单，除了正常的链接，它也有主播链接。 现在，在那里生成链接不是问题，但也需要给它们一个“活动”状态（=你在那个网站上），特别是当你跳到那个部分时

<ul class="active">
  <li class="active">
    <a href="index.php?id=30">Subsite</a>
    <ul>
      <li><a href="index.php?id=30#section_1">Section 1</li>
      <li><a href="index.php?id=30#section_2">Section 2</li>
      <li><a href="index.php?id=30#section_3">Section 3</li>
      <li><a href="index.php?id=30#section_4">Section 4</li>
    </ul>
  </li>
</ul>

第一节
第二节
第三节
第四节

正常链接行为：

在主页上，单击菜单并进入index.php？id=30 当您处于id=30时，菜单点将高亮显示

活动锚点的行为方式：

在主页上，单击菜单并进入index.php？id=30#section_1。当您处于id=30时，它不会高亮显示，但当您跟随链接并处于id=30#section_1时，它会高亮显示（基于在位置栏中输入的内容）。当你移除locationbar中的锚并确认后，突出显示应该被移除（好的，网站不会重新加载，而是跳转到另一个部分）

---

是否可以对这种跳转行为做出反应，并监听对位置栏所做的更改？或者你对如何实现这一点有不同的想法吗？

正如Marc Baumbach在对我的问题的评论部分所指出的，这正是我想要的：

---

这里有更多关于如何实现这一点的信息：您可以发布用于实现这一点的代码吗？具体地说，检查“在locationbar中输入了什么”的代码？单击此处，您可以添加一个带有javascript的css类来伪造该行为。感谢Marc，这正是我想要的！