A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 郑根旺 中级黑马   /  2012-8-1 16:18  /  2068 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

代码如下:
<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>
点击下面登录按钮

就出现这个问题

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

3 个回复

倒序浏览
本帖最后由 许庭洲 于 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>

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
  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)调试好的,希望对你有帮助,

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
蔡尚猛 发表于 2012-8-1 16:40
其实单引号和双引号都行的,你的错误点是,单词写错了(javascript)调试好的,希望对你有帮助,
...

好的,谢谢!必须仔细认真了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马