点击区域后刷新页面[重复]答案

【问题标题】：Refresh the page after clicking on the area [duplicate]点击区域后刷新页面[重复]
【发布时间】：2019-11-09 18:49:55
【问题描述】：

我想在点击特定区域（容器）后刷新我的网站

有什么想法吗？

谢谢！

【问题讨论】：

欢迎来到 SO。我建议查看minimal reproducible example
使用 html 按钮重定向到您已经在的页面 url 我从另一个堆栈溢出答案中得到了这个：
您可以使用 '#' 的 a href 作为 src，也可以在单击某些内容时使用 javascript 到 window.location.reload()。
window.location.reload()
尝试在您的问题中添加更多信息，包括您尝试过的代码和您所做的任何研究

标签： html css

【解决方案1】：

您可以使用Location.reload() API 接口（@987654321@）

所以答案可能如下所示：

document.querySelector('you-area-selector-here').addEventListener((click) => {
   window.location.reload(true);
})

true 标志是必需的，以确保页面是从服务器重新加载的，而不是从缓存中。

【讨论】：

【解决方案2】：

将 js 与 HTML 混合使用不是一个好习惯。

我会这样做：

let refreshPage = document.querySelector('#div1').addEventListener('click', => {
   location.reload();
   })

注意：您必须在此函数中为您尝试选择的元素提供 id 或类。还有其他方法，即 = document.querySelectorAll, getElementById, getElementByClassName, getElementByTagName。

【讨论】：