老师你好!!! if语句有错吗?点击事件判定跳转不了
来源:2-13 编程练习
及瓯都市
2021-01-05 13:09:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0px;
padding: 0px;
}
#di {
width: 400px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -200px;
text-align: center;
}
</style>
</head>
<body>
<div id="di">
用户名:
<input type="text" id="text"></input></br>
密   码:
<input type="password" id="pass"></br>
<input type="button" id="queD" value="确定"></input>
</div>
</body>
<script>
var que = document.getElementById('queD');
que.onclick = function () {
var TExt = document.getElementById('text');
Pass = Number(document.getElementById('pass'));
if (TExt=='张三'&&Pass=='123456') {
window.location.href = 'https://www.imooc.com'
}
return document.write('信息不对!')
}
</script>
</body>
</html>
1回答
同学你好,代码中的问题与修改如下:
1、document.getElementById('pass')返回的是一个dom对象,对象不需要整数转换。修改如下:

2、if判断中,并没有获取到输入的内容,input元素中,输入的值需要通过value获取。如下:

3、 return document.write('信息不对!')要放在else中,当if不成立时,再执行else。不然执行了if,也会执行return document.write('信息不对!')。如下:

祝学习愉快~
相似问题