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

Question

我使用JavaScript和按钮显示部分onclick并隐藏重新点击该部分。

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不会阻止默认操作。默认操作会重新加载页面。因此，您应return false阻止页面重新加载。

return false;

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

Answer 2

我很确定重新加载页面是由表单提交引起的。你确定输入没有被元素包裹吗？

您可以尝试在toggleMe函数中添加e.preventDefault()，这会阻止输入按钮的默认操作。