单击链接类后如何加载 JavaScript 页面刷新？

Question

如何仅在用户单击特定链接类后才加载 JavaScript 主页刷新？当用户点击链接时，我需要它，一些 JavaScript（或 PHP，或其他）检测到他点击了此类链接，然后才刷新原始页面。

例子：

当用户点击时：

<a class="link_id" target="blank" href="http://externallink.com">external link</a>

JavaScript 下面自动加载：

window.location.reload();

PS：我不能使用onclick="location.reload()"、按钮或类似方法有很多原因（例如我的项目特殊性）。此外，我的 HTML 将是广泛而肮脏的。此外，项目让用户知道刷新是通过 onclick direct on 链接是不安全的。所以我正在寻找另一种方法来做到这一点。

Answer 1

onclick 完全按照你说的做。但是，如果您真的不想使用它，您可以随时这样做：

<a id="link_id" href="javascript:location.reload()">link</a>

以这个 sn-p 为例：

let i = 0;setInterval(() => {document.getElementById("span").innerHTML = i;i++}, 50);

<a href="javascript:location.reload()">link</a><br>
<span id="span"></span>

编辑：既然你真的告诉我你想要在 cmets 中得到什么，我给你提供代码！

由于您只有一个 ID 为 link_id 的元素，您可以执行以下任一操作：

<a id="link_id" href="http://link.com" onclick="location.reload()">link</a>

或

document.getElementById("link_id").onclick = location.reload;

或

document.getElementById("link_id").addEventListener("click", location.reload);

如果你在一个 ID 下有多个元素，你真的需要重新考虑你的 HTML 知识

另一个编辑：随着神秘和模糊的气氛展开，我看到你有多个元素和一个 ID，或者似乎。在这种情况下，请使用类，然后执行以下操作：

Array.from(document.getElementsByClassName("<classname>")).forEach(el => {
    el.addEventListener("click", () => {location.reload();});
});

我真的希望这是最后的编辑 - 当然，用你的班级名称替换 <classname>

Array.from(document.getElementsByClassName("<classname>")).forEach(el => {
  el.addEventListener("click", () => {
    if (!sessionStorage.getItem("reloaded")) {
      sessionStorage.setItem("reloaded", true);
      location.reload();
    }
  });
});

查看这个 jsfiddle - 它有效：https://jsfiddle.net/gbdu3vpm/1/