一次精简JS代码过程

实现功能:页面上用三个按钮分别控制三个div的显示/隐藏。

思路一:分别写三个函数来实现。
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

思路二:整合成一个函数来实现。
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

思路三:再精简。
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


评论: 2 | 引用: 0 | 查看次数: 4353
dnawo[2008-06-10 08:47 PM | | | 121.204.63.197 | del | 回复回复]
板凳
能实现功能就好
xuguofei[2008-06-10 05:48 PM | | | 61.144.118.199 | del | 回复回复]
沙发
好像还可以写成这样:(呵呵~别笑哦~)

<script language="javascript">
function ShowDiv(obj)
{
    document.getElementById("DivABC").innerHTML = obj.innerHTML;
}
</script>

然后加多一个这样的层<div id="DivABC"></div>
发表评论
登录后再发表评论!