javascript - 使用 document.getElementById 时页面重新加载

Question

我使用下面显示的 js 函数使页面的一部分在用户单击按钮时消失。

但是当我点击按钮时，该部分确实消失了，但随后页面重新加载。为什么会这样？

<button id="myDIV" onclick="fncShowHide()">Try it</button>

<script>
window.fncShowHide = function() {
   document.getElementById("idein").className = "display-none";
}
</script>

Answer 1

参见 What's the standard behavior when < button > tag click? .

从 onclick 处理程序返回 false 以阻止任何默认的浏览器操作。

<button id="myDIV" onclick="fncShowHide(); return false;">Try it</button>