javascript - 如何使用 javaScript 重新加载页面一次

Question

我想在加载所有代码后重新加载页面，而不使用按钮。

我使用:location.reload();

问题是它总是重复重新加载我的页面。

Answer 1

每次重新加载页面时，您的 window.reload() 都会受到攻击。做这样的事情:

if(window.location.href.indexOf('?reloaded') === -1) window.location.href = window.location.href + "?reloaded=true";

这假设该页面未使用任何其他网址参数。

编辑

正如 Matt Ball 指出的那样，使用 localStorage 或 cookie 不会限制单个选项卡或窗口，但正如 Jackson Sandland 在评论中指出的那样，我上面给出的解决方案将改变浏览器历史记录。经过一番挖掘后，我想出了另一个不可否认的“hacky”但看似有效的解决方案:使用 window.name 而不是 URL 中的标志:

if(window.name !== "refreshed") {
    window.name = "refreshed";
    window.location.refresh();
}

如果您想对此进行测试，请将以下内容粘贴到 HTML 文件中并将其加载到浏览器中:

<script>
window.name = prompt("Window name", window.name);
</script>

输入新名称，然后刷新页面。您将看到刷新时会显示新名称。同样，如果您随后打开包含同一文件的第二个选项卡，则可以独立于其他选项卡设置该选项卡的名称。