jquery - 刷新后的网页空白

标签 jquery html css

<分区>

我有一个网页

示例.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;
}

关于内容刷新或空白的任何想法

最佳答案

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

  1. 页面正在卸载时的事件

Intercept page exit event

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

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

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

关于jquery - 刷新后的网页空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605307/

上一篇:css - 仅使用 css 隐藏和显示列表

下一篇:html - 希望图像在任何尺寸的屏幕上看起来都不错......?

相关文章:

javascript - 加载外部网站 View jQuery ajax

javascript - 从 JQuery 模态对话框获取值提交到另一个输入类型

javascript - 十字光标 HTML

css - 另一个 css 垂直对齐

c# - ASP 转发器从 div 溢出

javascript - 如何使用 ColorBox jQuery 插件显示 HTML 页面

MasterPage 上的 jQuery BlockUI 插件 - IE 鼠标等待光标修复

HTML 输入未在更改时更新值属性

html - 如何更改 Bootstrap 3 中一行的颜色?

javascript - 我试图将此代码分成单独的文件