javascript - 显示内容 Onclick 而不重新加载/刷新页面

Question

我使用 JavaScript 和按钮来显示单击部分并在重新单击该部分时隐藏。

JavaScript 代码:

<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
}
else{
e.style.display="none"
}
return true;
}
</script>

按钮的代码是:

<input type="button" onclick="return toggleMe('para2')" value="Technical Quiz" id="button">

内容是:

<div id="para3" style="display:none; color:#FFF;">
Rules are Coming UP...
</div>

主要问题是在 Opera Mini 和 uc 浏览器中查看时，单击该按钮会重新加载页面并显示内容。我不想重新加载页面。我只想显示内容而不重新加载页面。

Answer 1

return true 不会阻止默认操作。默认操作会重新加载页面。因此，您应该返回 false 以防止页面重新加载。

return false;

附加说明。页面重新加载可能是由于所述按钮错误地提交了表单。