为什么在 location.reload() 使用 onclick 后 return false？

Question

我正在制作一个 JavaScript 应用程序，我在其中使用 location.reload(). The method location.reload() is in a onclick event handler to reset the page, and this answer says that you need to return false; after location.reload() with onclick : How to reload a page using JavaScript.

方法

location.reload();
See this MDN page for more information.

If you are refreshing after an onclick then you'll need to return false directly after
location.reload();
return false;

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

Answer 1

如果事件侦听器附加到 link，则单击 link 将导致转到另一个页面而不是重新加载页面。 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();
});

为什么在 location.reload() 使用 onclick 后 return false？

Why return false after location.reload() using onclick?

html

javascript

reload