在内页链接上强制页面刷新答案

【问题标题】：Force page refresh on inner page link在内页链接上强制页面刷新
【发布时间】：2016-02-08 18:20:24
【问题描述】：

我正在尝试链接到内页锚点并强制刷新页面。

但这不会强制刷新：

<a href="/#example">example link</a>

链接到同一页面中的锚点并强制刷新的最佳方法是什么？

我还希望刷新是一个 GET 请求，即使页面最后是使用 POST 请求呈现的。

【问题讨论】：

您是否尝试在页面加载时将页面滚动移动到某个元素？示例链接
@AtheistP3ace：请阅读我的问题；我还想在页面内链接并强制刷新页面。
@HardlyNoticeable 是的，我在评论中输入的内容将加载 url 并转到页面中的元素。如果 url 与您所在的页面相同，它实际上会重新加载页面。
我不知道为什么人们不赞成这个问题。 Web 应用程序开发人员现在进行了大量的 URL 重写，而这正是将 URL 重写与内页链接相结合时可能遇到的问题。
我听到了。我没有对你投反对票。但是当人们对某事投反对票并且没有理由时，这让我发疯了。我们都可以从中学习。

标签： javascript html anchor reload page-refresh

【解决方案1】：

最后，似乎唯一对我有用的是结合使用 window.location 和添加参数。所以我最终做的是这样的：

    <p><a href="#example" id="example">Click Here</a></p>

然后是下面的 jQuery：

    $('#example').click(function(event) {

        window.location = '/?anything#example';

    });

我尝试将参数直接添加到链接中；但这并没有强制页面加载；只有当使用 window.location 添加它时，它似乎才起作用。

【讨论】：

【解决方案2】：

将 JS onClick="window.location.reload()" 事件也添加到您的 a 标签中，完整示例：

<a href="#example" onClick="window.location.reload()">Click to refresh</a>

有很多方法可以用 JS 刷新页面，只需将其绑定到您的点击事件即可。下面是一些例子，

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)

取自535 ways to reload a page with JS。

【讨论】：

我正在尝试转到页面内的锚链接。
不...它刷新了页面而不转到内页锚点。
您是否从 href 中删除了 /？
如果涉及#，则重新加载有时不起作用。使用 history.back(0) 完全刷新页面，这将在浏览器中强制刷新。
好的，如果你只使用 localStorage.clear(); 会发生什么？点击？