Javascript 使用包含相关html页面时如何更改url

如何更改url路径，同时在内部选项卡容器的javascript中使用includeHTML方法。 我在我的网站中使用单页布局，并使用选项卡样式，每个选项卡都有自己的html页面和包含方法

我已附上我的示例文件，请建议如何在不刷新页面的情况下更改url路径

函数openCity（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
/*设置选项卡的样式*/
.标签{
浮动：左；
边框：1px实心#ccc；
背景色：#f1f1；
宽度：30%；
高度：300px；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
显示：块；
背景色：继承；
颜色：黑色；
填充：22px 16px；
宽度：100%；
边界：无；
大纲：无；
文本对齐：左对齐；
光标：指针；
过渡：0.3s；
字号：17px；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建一个活动/当前的“tab button”类*/
.tab按钮。激活{
背景色：#ccc；
}
/*设置选项卡内容的样式*/
.tabcontent{
浮动：左；
填充：0px 12px；
边框：1px实心#ccc；
宽度：70%；
左边界：无；
高度：300px；
}

子菜单1
子菜单2
子菜单3
此处为外部子菜单1.html页面
此处为外部子菜单2.html页面
此处为外部子菜单3.html页面
您可以使用
window.location.hash=“#”+cityName如果要更改url而不刷新页面

function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
    window.location.hash = "#"+cityName;

}

函数openCity（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
我不明白你的意思，任何人只要检查一下这个链接，为什么css标签是感谢@Muhammet，如果可以用外部标注（例如：submenu1.html，submenu2.html，submenu3.html）来更改url？
window.location.hash=“#“+cityName+”.html”您想要这个还是？您的输出是：local/index.html#Submenu1.html，Expectation输出是：local/Submenu1.html。有可能吗？您已经在local/index.html中。我想，我不能。因为right使用这个
local/index.html#subnum1.html