黑马程序员技术交流社区

标题: dom层编写登录框无法显示 [打印本页]
作者: 郑根旺    时间: 2012-8-1 16:18
标题: 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:27
本帖最后由 许庭洲 于 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>
作者: 蔡尚猛    时间: 2012-8-1 16:40
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.      <title></title>
  4.      <script type="text/javascript">
  5.          function shwoLogin() {
  6.              var loginDiv = document.getElementById("loginDiv");
  7.              loginDiv.style.display = '';
  8.          }
  9.          function hideLogin() {
  10.              var loginDiv = document.getElementById("loginDiv");
  11.              loginDiv.style.display = 'none';
  12.          }
  13.      </script>
  14. </head>
  15. <body>
  16. <a href="javascript:shwoLogin()">登录</a>
  17. <div style="position:absolute;top:200px;left:200px;border-style:solid;border-color:Blue;border-width:thin;display:none;" id="loginDiv" onClick="hideLogin()">
  18. <img src="images/close.jpg" style="float:right"/>
  19. <table>
  20.       <tr><td><label for="userame">用户名：</label></td><td><input type="text" id="username" /></td></tr>
  21.       <tr><td><label for="password">密码：</label></td><td><input type="password" id="password" /></td></tr>
  22. </table>
  23. </div>
  24. </body>
  25. </html>
复制代码
其实单引号和双引号都行的，你的错误点是，单词写错了（javascript）调试好的，希望对你有帮助，
作者: 郑根旺    时间: 2012-8-1 20:03
蔡尚猛 发表于 2012-8-1 16:40
其实单引号和双引号都行的，你的错误点是，单词写错了（javascript）调试好的，希望对你有帮助，
...

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



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2