日期:2014-05-16  浏览次数:20296 次

用JS事件点击超链接显示隐藏的div,但JS执行完后div又隐藏了
我写了一个div,页面加载的默认隐藏,当点击链接时才显示出来,代码如下所示。
但是出现了问题:点击超链接后,div能正常显示出来,但是show函数执行完后,div又隐藏起来。
请问这是为什么?

<script>
function show(){
var obj = document.getElementById("hidden_div");
//alert(obj);
obj.style.display = "";
alert('success');
}
</script>



<a href="" onclick="show();" />click</a>
<div id="hidden_div" style="display:none">can I display ?</div>
JavaScript HTML

------解决方案--------------------

<script>
function show(){
var obj = document.getElementById("hidden_div");
//alert(obj);
obj.style.display ='' ;
alert('success');
return false;
}
</script>

<a href="#" onclick="show();" />click</a>
<div id="hidden_div" style="display:none">can I display ?</div>

------解决方案--------------------
<a href="javascript:void(0)" onclick="show();" />click</a>