刷新的网页上的空白

Question

我有一个网页

sample.html

当我点击某些内容时

它去了

sample.html＃BRO

当我刷新（f5）时

它仍然是sample.html＃bro 并显示其内容

如何删除#bro

只是刷新任何想法？

btw这是我使用的代码

<a href="#div1">Div one</a>
<a href="#div2">Div two</a>
<a href="#div3">Div three</a>
<a href="#div4">Div four</a>

<div id="content">
<div id="div1">This is div one</div>
<div id="div2">This is div two</div>
<div id="div3">This is div three</div>
<div id="div4">This is div four</div>
</div>

css是

#content > div {
display: none;
}

#content > div:target {
display: block;
}

有关何时刷新内容将重置或空白的任何想法

Answer 1

我认为你需要两件事。你可以试试这个。

1. 页面卸载时的事件

Intercept page exit event

1. 在此活动中删除哈希并重新加载页面

How to remove the hash from window.location with JavaScript without page refresh?

但是有一个问题，我不确定当你想从这个页面移动到另一个页面时会发生什么。我想那时你的页面也会刷新。