如何使用 JavaScript 刷新页面？

Question

如何使用 JavaScript 刷新页面？

原文由 luca 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 location.reload() 。

例如，每当单击 id="something" 的元素时重新加载：

 $('#something').click(function() {
 location.reload();
 });

reload() 函数采用一个可选参数，该参数可以设置为 true 以强制从服务器而不是缓存重新加载。该参数默认为 false ，因此默认情况下页面可能会从浏览器的缓存中重新加载。

原文由 Roy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有多种使用 JavaScript 刷新页面的无限方式：

1. location.reload()
2. history.go(0)
3. location.href = location.href
4. location.href = location.pathname
5. location.replace(location.pathname)
6. location.reload(false)

如果我们需要再次从网络服务器中提取文档（例如文档内容动态变化的地方），我们会将参数传递为 true 。

您可以继续列表的创意：

• window.location = window.location
• window.self.window.self.window.window.location = window.location
• …和其他 534 种方式

 var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}

 button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

原文由 Ionică Bizău 发布，翻译遵循 CC BY-SA 4.0 许可协议