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

Question

我正在制作一个使用location.reload()方法的JavaScript应用程序。该方法是在事件处理程序重置页面，而这个回答说，你需要后用：如何使用JavaScript来重新加载页面。location.reload()onclickreturn false;location.reload()onclick

location.reload();

有关更多信息，请参阅此MDN 页面。

如果您在之后刷新，onclick则需要在之后直接返回 false

location.reload();
return false;

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

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 中，将使用addEventListenerandevent.preventDefault()代替。

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