javascript隐藏、显示层

来源:百度知道 编辑:UC知道 时间:2024/05/22 00:10:23
问大家一个javascript的问题:隐藏、显示层
我在一个表单里换了一个按扭,有一个onClick="javascript:doLogin();",我想点击这个按扭时就调用
<script type="text/javascript">
function $(ID){
return document.getElementById(ID);
}

//点击按扭时
function doLogin(){

$("dvLogin").style.display="none";//关闭
$("dvEmployee").style.display="block";//显示
$("dvAdmin").style.display="none";//关闭
$("dvSuperAdmin").style.display="none";//关闭
}
现在有个问题就是我点击按扭时,它会显示与隐藏层,但是他只是瞬间的,马上它又变回到一开始时的显示状态
语法不对,哪句啊

我测试过了,你的函数没问题,试试写规范点,我的测试代码:
<script language="javascript" type="text/javascript"> //补齐了
function $(ID){
return document.getElementById(ID);
}

//点击按扭时
function doLogin(){

$("dvLogin").style.display="none";//关闭
$("dvEmployee").style.display="block";//显示
$("dvAdmin").style.display="none";//关闭
$("dvSuperAdmin").style.display="none";//关闭
}
</script>
<html>
<div id="dvLogin" style="width:80px;height:80px">
dvLogin
</div>
<div id="dvEmployee" style="width:80px;height:80px">
dvEmployee
</div>
<div id="dvAdmin" style="width:80px;height:80px">
dvAdmin
</div>
<div id="dvSuperAdmin" style="width:80px;height:80px">
dvS