dom层编写登录框无法显示

宋天琪

代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
      function shwoLogin() {
         var loginDiv = document.getElementById("loginDiv");
         loginDiv.style.display = '';
      }
      function hideLogin() {
         var loginDiv = document.getElementById("loginDiv");
         loginDiv.style.display = 'none';
      }
</script>
</head>
<body>
<a href="javascrpt:showLogin()">登录</a>
<div style="position:absolute;top:200px;left:200px;border-style:solid;border-color:Blue;border-width:thin;display:none;" id="loginDiv">
<img src="images/close.jpg" style="float:right"/>
<table>
   <tr><td><label for="userame">用户名：</label></td><td><input type="text" id="username" /></td></tr>
   <tr><td><label for="password">密码：</label></td><td><input type="password" id="password" /></td></tr>
</table>
</div>
</body>
</html>
点击下面登录按钮

就出现这个问题

郑根旺 · 郑根旺

蔡尚猛发表于 2012-8-1 16:40
其实单引号和双引号都行的，你的错误点是，单词写错了（javascript）调试好的，希望对你有帮助，
...

好的，谢谢！必须仔细认真了

蔡尚猛 · 蔡尚猛

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function shwoLogin() {
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display = '';
}
function hideLogin() {
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display = 'none';
}
</script>
</head>
<body>
<a href="javascript:shwoLogin()">登录</a>
<div style="position:absolute;top:200px;left:200px;border-style:solid;border-color:Blue;border-width:thin;display:none;" id="loginDiv" onClick="hideLogin()">
<img src="images/close.jpg" style="float:right"/>
<table>
<tr><td><label for="userame">用户名：</label></td><td><input type="text" id="username" /></td></tr>
<tr><td><label for="password">密码：</label></td><td><input type="password" id="password" /></td></tr>
</table>
</div>
</body>
</html>

复制代码

其实单引号和双引号都行的，你的错误点是，单词写错了（javascript）调试好的，希望对你有帮助，

许庭洲 · 许庭洲

本帖最后由许庭洲于 2012-8-1 16:45 编辑

loginDiv.style.display = '';//修改为loginDiv.style.display="";
loginDiv.style.display = 'none';//修改为loginDiv.style.display="none";
<a href="javascrpt:showLogin()">登录</a> //修改为<a href="javascript:showLogin()">登录</a>

帐号		自动登录	找回密码
密码			加入黑马

dom层编写登录框无法显示

评分

3 个回复

评分

评分

黑马骑士勋章