Javascript 如何在导航栏列表上标记当前页面？

我使用的是Django，所以每个页面都包含header.html。如何更改页眉以使其识别活动页面并将其选中

{% load static %}

<header>
    <div id="header">
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="/home">Priimo<span class="logo_colour">Puit</span></a></h1>
          <h2>Hea puit!</h2>
        </div>
      </div>
      <div id="menubar">
        <ul id="menu">
          <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
          <li class="selected"><a href="/home">Esileht</a></li>
          <li><a href="/products">Tooted</a></li>
          <li><a href="/services">Teenused</a></li>
          <li><a href="/about">Meist</a></li>
          <li><a href="/contact">Kontakt</a></li>
        </ul>
      </div>
    </div>
</header>

{%load static%}
希普！