刷新网页上的空白[重复]

Question

我有一个网页

示例.html

当我点击某物时

会了

sample.html#bro

当我刷新(f5) 时

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

如何删除#bro

只是刷新任何想法？

顺便说一句，这是我使用的代码

<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?

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