老师,我这段代码麻烦检查一下哪儿错了

老师,我这段代码麻烦检查一下哪儿错了

相关代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="">
        用户名:<input type="text" id='name' >
        密码:<input type="text" id='pass' >
        <button type="button" id="submit">登录</button>
    </form>
    <script>
        var name = document.getElementById('name');
        var pass = document.getElementById('pass');
        var submit = document.getElementById('submit');
        submit.onclick = function () {
            if (name.value == '张三' && pass.value == '123456') {
                window.location = 'https://www.imooc.com';
            } else {
                alert('信息不对');
            }
        }
    </script>
</body>

</html>

相关截图:

http://img1.sycdn.imooc.com//climg/60ac6c69095b4ddf13250149.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2021-05-25 13:49:04

同学你好,是name变量的原因,可以输出值看看

http://img1.sycdn.imooc.com//climg/60ac8ecf09e5d21004270054.jpg

输出的是元素转化为字符串类型

http://img1.sycdn.imooc.com//climg/60ac8eee090bf3bb03030041.jpg

这是因为window对象默认有name属性,值为空字符串

http://img1.sycdn.imooc.com//climg/60ac8f670970b7f001880055.jpg

http://img1.sycdn.imooc.com//climg/60ac8f6009fb22a002580041.jpg

如果定义name变量并赋值,想等于给window.name赋值,元素就会变为字符串,使用的时候有冲突。

建议更换名称,例如:

http://img1.sycdn.imooc.com//climg/60ac8fcd09377d1d06620198.jpg

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码