Активный пункт меню у якоря

[DenjBoss]

Можно ли реализовать, чтобы на лендинге выделялся активный пункт меню, если ссылка якорь?
И если можно, так как?

<div class="topmenu-slign">
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#block3">Что в онлайн</a></li>
      <li><a href="#bg-copy-9">Отзывы</a></li>
      <li><a href="#sertificates">Сертификаты</a></li>
      <li><a href="#zena">Стоимость</a></li>
    </ul>
  </div>

[Decode]

<style>
	.active {
		background: red;
	}
</style>

<div class="topmenu-slign">
	<ul>
		<li><a href="#">Главная</a></li>
		<li><a href="#block3">Что в онлайн</a></li>
		<li><a href="#bg-copy-9">Отзывы</a></li>
		<li><a href="#sertificates">Сертификаты</a></li>
		<li><a href="#zena">Стоимость</a></li>
	</ul>
</div>


<script>
	var menu = document.querySelector('.topmenu-slign');

	menu.onclick = function(e) {
		if (e.target.tagName.toLowerCase() != 'a') return;

		[].forEach.call(menu.querySelectorAll('a'), function(item) {
			item.classList.remove('active');
		});

		e.target.classList.add('active');
	};
</script>

[DenjBoss]

Спасибо большое. А можно как-то сделать, чтобы пункты сами выделялись, когда например листаю страницу ?