使用 JavaScript 重新加载页面的首选方法？

IT技术 javascript reload
2021-03-02 05:17:04

您更喜欢哪种方式来重新加载当前页面（使用按钮）？

1 <input type="button" value="Reload" onClick="history.go(0)">
2 <input type="button" value="Reload" onClick="location.reload(true)">
3 <input type="button" value="Reload" onClick="window.location.reload(true)">
4 <input type="button" value="Reload" onClick="window.location.href=window.location.href">
5 <input type="button" value="Reload" onClick="document.location.reload(true)">
6 <input type="button" value="Reload" onClick="document.location.href=document.location.href">

由于页面的 URL 经常更改 AFAIK 一个“后备功能”，如

<a href="urlOfCurrentPage.html" onclick="window.location.reload(true);return false;">Reload</a>

不会为我工作，对吧？

2个回答

取决于你想做什么。第四和第六种方法不会重新加载任何表单数据，它们本质上是对页面进行单独访问。某些版本的 Firefox 也存在第三种方法的问题。除此之外，我会根据个人喜好选择第五个。好像最清楚了。

@Mel，我相信是这样。真的，窗口和文档都应该工作。
2021-04-17 05:17:04
第二种方法 (.reload) 在某些情况下不起作用。
2021-04-21 05:17:04
请注意，当您在 POST 上使用 document.location.reload() 时，浏览器会询问您是否要重新发送数据以重新加载页面。
2021-04-22 05:17:04
Wimmel，是使用 PRG 模式修复该问题：en.wikipedia.org/wiki/Post/Redirect/Get
2021-05-02 05:17:04
那么，“document.location.reload(true)”是跨浏览器安全的，也是最强大的吗？
2021-05-08 05:17:04

你也可以这样做：

wd代表窗口|| 文件：

  • wd.location.assign(wd.location.href)： 转到 URL
  • wd.location.replace(wd.location.href)： 转到 URL 并替换历史记录中的上一页
  • wd.location.reload(<true/false/blank>) :从服务器/缓存/缓存重新加载页面
其它你可能感兴趣的问题
上一篇React JS onClick 事件处理程序 下一篇如何在更新面板回发后执行 javascript 回调？