为什么使用 onclick 在 location.reload() 之后返回 false？

Question

我正在制作一个 JavaScript 应用程序，我在其中使用方法 location.reload()。方法location.reload() 在onclick 事件处理程序中重置页面，这个答案说你需要在location.reload() 和onclick 之后return false; ：How to reload a page using JavaScript。

location.reload();

更多信息请参见MDN page。

如果你在 onclick 之后刷新，那么你需要在之后直接返回 false

location.reload();
return false;

为什么要在方法location.reload() 之后使用onclick return false;？

Answer 1

如果事件侦听器附加到链接，则单击该链接将导致转到另一个页面，而不是重新加载该页面。 return false 将阻止内联事件处理程序和 onclick 属性中的默认操作。

没有return false：

document.querySelector('a').onclick = function() {
  location.reload();
}

<a href="https://www.example.com">Click</a>

与return false:

console.log('Loaded', new Date);
document.querySelector('a').onclick = function() {
  location.reload();
  return false;
}

<a href="https://www.example.com">Click</a>

在现代 JavaScript 中，将使用 addEventListener 和 event.preventDefault()。

document.querySelector('a').addEventListener('click', function(e){
    e.preventDefault();
    location.reload();
});