课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

这串代码哪里错了，为什么点登陆没有反应

来源：3-3 编程练习

卡兰尼克

2016-12-18 12:17

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

<title>Document</title>

<style>

*{margin:0;padding:0;}

     .head{font-size:12px;padding:6px 0 0 10px;}

     #login_box{width:300px;height:150px;background:#eee;

     border:1px solid #ccc;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;}

     #login_box p{height:20px;border-bottom:1px solid #ccc;font-size:12px;padding:6px 0 0 5px;font-weight:bold;}

     #close{width:14px;height:14px;background:url(close.png) no-repeat;position:absolute;right:4px;top:6px;}

</style>

<script>

      window.onload=function(){

       var login_btn=document.getElementById('login'),

           login_box=document.getElementById('login_box'),

           close=document.getElementById('close');

       // 封装添加事件监听程序

        function addEvent(ele,type,hander){

           if(ele.addEventListener){

               ele.addEventListener(type,hander,flase);}

            else if(ele.attachEvent){

                ele.attachEvent("on"+type,hander);}

            else{

                ele["on"+type]=hander

                

            }

            }

           

        

       function showLogin(){

       // 执行代码

        

        // 隐藏登录层函数

         login_box.style.display="none"}

        

        function hideLogin(){

         login_box.style.display="block";}

         

         addEvent(login_btn,"click",showlogin);

         addEvent(close,"click",hideLogin);}

         

         

</script>

</head>

<body>

<div>亲，您好！<input type="button" value="登 录" id="login"></div>

<div id="login_box">

<p>用户登录</p><span id="close">尺寸</span>

</div>

</body>

</html>


写回答 关注

1回答

  • 浮生情
    2016-12-18 14:49:00

    1. “addEvent(login_btn,"click",showlogin);”showlogin这里“l”应该大写！

    2.  function showLogin()里面“login_box.style.display="none"” ，“none”改为“block”，你弄反了！，还有hideLogin();

    0 0

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99545 学习 · 1197 问题

查看课程

相似问题

请问一下，我的代码哪里出错了，为什么点击按钮没有反应呢？

回答 5

为什么一点反应都没有

回答 1

为什么这个点击后没反应

回答 2

麻烦看下错在哪里了，不知道哪里出错，点击没反应

回答 2

点了登录没反应 检查好几遍了

回答 2

打开慕课网App查看更多内容