Javascript：如何真正使用锚标记重新加载网站？

Question

以这个代码片段为例：

window.location.href = 'mysite.htm#images';

已经在网站 mysite.htm 上并通过 location.href 触发重新加载不会重新加载页面，而是跳转到其中指定的锚点网址。

我需要一种机制来真正重新加载页面。有什么想法吗？

PS：我尝试了位置的其他方法，但没有一个能解决问题:(

编辑
不要拘泥于文件类型 htm。我也需要它来创建动态网站。

Answer 1

将指定的 URL 设置为 location 后，发出 window.location.reload(true)。这将强制浏览器重新加载页面。

Answer 2

使用 URL 的查询部分添加随机字符串：

// Use a timestamp to make sure the page is always reloaded
window.location.href = 'mysite.htm?r='+(+new Date())+'#images';

Answer 3

虽然我觉得 alemjerus 的答案是好的方向，但当新的 URL 指向不同的页面时，它不起作用，至少在我的 Chrome v40 上是这样。

例如，当新的 URL 只是添加一个锚点时，它工作正常：

var redirectToURL = '/questions/2319004/javascript-how-to-truly-reload-a-site-with-an-anchor-tag#answer-28621360';
window.location.href = redirectToURL;
window.location.reload(true);

但是当它指向不同的页面时，用户在重新加载后仍将停留在当前页面。 （批量运行以下代码，location.href=和location.reload之间没有延迟）：

var redirectToURL = 'http://stackoverflow.com';
window.location.href = redirectToURL;
window.location.reload(true);

此时去掉location.reload代码> 作品。所以我的解决方法是检查新的 URL 是否在同一页面上：

var urlParser = document.createElement('a');
urlParser.href = redirectToURL;
if (urlParser.origin + urlParser.pathname === location.origin + location.pathname) {
    window.location.reload(true);
}

在 Chrome 和 Safari 上测试，还没有尝试过 IE。如果它不适用于任何主要浏览器，请告诉我。

Answer 4

您可能是一个骗子，并附加一个随机查询字符串，重定向到“mysite.htm?random=289954034#images”。

但如果这是一个静态页面，正如 .htm 所暗示的那样，您需要重新加载做什么？如果您的 onload Javascript 可以第二次发生，也许您只需要更改应用程序的流程即可。

Answer 5

我发现@alemjerus的答案会重新触发POST，如果这是最后一个请求：

window.location.reload(true)

我想要的是使用GET从头开始刷新页面，所以我使用此解决方案：

<a href="javascript:window.location.href=window.location.href">Refresh page</a>

Answer 6

试试这个：
window.location.href = 'mysite.htm?';

编辑：这仅在第一次有效；之后，缓存再次生效。

Answer 7

适用于大多数 Mozilla 浏览器

<a title="Reset this Document" href="javascript:void()" onclick="window.location.href='#'"><font color="red">Reset</font></a>

代码行：

window.location.href='#'
or window.location.href=''

最后的代码在 IE 中无法正常工作