如何在javascript中使navbar具有唯一的url

我在一个网站上工作，一切都很完美。我有几个标签。我希望每个导航栏选项卡都有一个唯一的URL（例如www.test.com/？home）。这是我现在的代码。有人能帮我修改代码，这样标签就可以有一个URL吗

$（“.navbar-nav.systems-menu li、.systems-menu-mob li”）。打开({
点击：功能（$e）{
$e.preventDefault（）；
$e.stopPropagation（）；
if（$（this）.hasClass（'active'））返回；
var curLi=$（此）；
var curName=$（this.find（'a'）.text（）；
var groupItem=$（'.groups[data group=“'+curName+''“]）；
var curActive=$（“.groups:可见[数据组]：不（[数据模板]）”；
$（“.systems menu li，.systems menu mob li”）.removeClass（'active'）；
$（this.addClass（'active'）；
$（“.groups:not（[data template]））.eq（curActive.index（））.fadeOut（“正常”，函数（）{
var activeGroup=$（“.groups:非（[数据模板]）”）；
activeGroup.eq（groupItem.index（））.find（“.brands menu>li:eq（1）”）.addClass（“活动”）.trigger（“单击”）；
activeGroup.eq（groupItem.index（））.fadeIn（“正常”）；
});
$（document）.trigger（“单击.更改组”{
值：curName
});
}
});


很难理解你说的话，这样选项卡就可以有一个URL？这就像我有四个选项卡：主页、联系人、关于我、页面。。每个选项卡都可以这样访问：www.test.com？主页、www.test.com？联系人等。。。