javascript控制div可以显示出来，但是隐藏不了

Question

这是我的代码部分...然后我点一个按钮调用load（）可以成功 但是我再点另一个调用close()就什么反应都没有....是什么问题呢？小白求大神指点！

Answer 1

呵呵，很正常。 因为你的 函数名起的不对。

close 是JS的保留函数名，你把 close 改名，改成 function myclose() ... ，然后，调用 myclose()

Answer 2

close是Javascript保留的关键字，你不能用来当作函数名，所以close函数是不会执行的，你换个函数名就可以了

Answer 3

这个正好我知道，因为close 是JS的保留函数名，把 close 改成 function myclose() ... ，调用 myclose()试试应该可以了把，再提醒你一下close是Javascript保留的关键字，不能用来当作函数名，所以close函数是不会执行的，你换个函数名就OK了

Answer 4

看见你所定义的函数名变了颜色了吗？ 这就说明你起的函数名是关键字，改一下函数名就可以了：）

Answer 5

没什么问题啊，应该是你html代码部分有问题的，下附正确代码，已测试：

<script type="text/javascript">
function load() {
document.getElementById("top").style.display = "";
document.getElementById("bottom").style.display = "";
}
function close() {
document.getElementById("top").style.display = "none";
document.getElementById("bottom").style.display = "none";
}
</script>
<div id="top" style="width:100px;height:100px;background:#666;"></div>
<div id="bottom" style="width:100px;height:100px;background:#666;"></div>
<input id="Button1" type="button" value="button" onclick="load()" />
<input id="Button2" type="button" value="button" onclick="close()" />