Javascript 如何使用单页应用程序保持第一页处于活动状态？

我有一个简单的单页应用程序，可以根据活动DIV更改url，但是当我返回到第一页时，内容就会消失。当我使用popstate时会发生这种情况，链接正常工作

家
html，
身体{
位置：相对位置；
身高：100%；
宽度：100%；
溢出x：隐藏；
保证金：0；
填充：0；
背景：#fff；
溢出：滚动；
-webkit文本大小调整：100%；
-webkit字体平滑：抗锯齿；
}
img{
宽度：100%；
高度：自动；
垂直对齐：中间对齐；
}
输入，
文本区，
按钮
选择，
a{
-webkit点击高亮显示颜色：rgba（0,0,0,0）；
文字装饰：无；
}
.第页{
位置：绝对位置；
身高：100%；
宽度：100%；
排名：0；
左：0；
显示：无；
溢出：滚动；
}
img{
宽度：100%；
高度：自动；
}
.主动{
显示：块；
}
家
价格
价格
关于
关于
家
const button_link=document.queryselectoral（“.button_link”）；
const view=document.queryselectoral（“.page”）；
功能选择视图（id）{
视图.forEach（（e）=>{
e、 切换（“活动”，e.id==id）；
});
}
按钮链接forEach（（项目）=>{
item.addEventListener（“单击”，（）=>{
const target=document.querySelector（item.dataset.link）；
const id=target.id；
pushState（{id}，`Selected:${id}`，`/page=${id}`）；
选择查看（id）；
});
});
window.addEventListener（“popstate”，（e）=>{
选择View（例如state.id）；
});
replaceState（{id:null}，“默认状态”，“/”）；

我回来后如何使第一个div不消失

---

如果我在第一个div中放置一个“active-2”类，它可以正常工作，但我认为这不是最好的工作方式。

将replaceState id

null

替换为

home

history.replaceState（{id:'home'}，“默认状态”，“/”