请老师帮忙看下代码,点击提交,一直提示信息不对

来源:2-13 编程练习

叫我丽红

2021-06-23 11:03:27

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>Location 对象</title>

    

    <style>

        div{

            text-align:center;

            margin-top:20px;

           

        }

    </style>

</head>


<body>

    <div>

      <span>用户名</span>

      <input type="text" id='name'>

      <br>

      <br>

      <span>密&nbsp;&nbsp;&nbsp;码</span>

      <input type="password" id='pas'>

      <br>

      <br>

      <button id="btn">提交</button>

    </div>

    

    <script>

    

        var name = document.getElementById('name');

        var pas = document.getElementById('pas');

        var btn= document.getElementById('btn');

        

        // 添加监听

        btn.onclick = function(){

            if (name.value =='张三' && pas.value == '123456'){

                

                 window.location = 'https://www.imooc.com';

            }else{

                alert('信息不对!');

            }

        }

        

        

    </script>

   

  

  

   

</body>


</html>


写回答

1回答

好帮手慕然然

2021-06-23

同学你好,在Safari,chrome,Firefox和Opera这些浏览器中,name是window自带的全局属性,在全局声明name变量名会出现访问异常问题,所以此段代码中不能使用name作为全局变量名,建议参考如下修改:

http://img.mukewang.com/climg/60d2ae5b092d50fe08120421.jpg

祝学习愉快!

2

0 学习 · 15276 问题

查看课程