首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

用JS事件点击超链接展示隐藏的div,但JS执行完后div又隐藏了

2013-04-20 
用JS事件点击超链接显示隐藏的div,但JS执行完后div又隐藏了我写了一个div,页面加载的默认隐藏,当点击链接

用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> 

热点排行