两个问题，望老师解决
来源：1-15 编程练习
AXLL
2019-07-03 19:26:09
无法关闭页面。left设置任何值都无作用
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入框</title>
</head>
<body>
<input type="button" name="" value="打开页面" id="open">
<script type="text/javascript">
const open = document.getElementById('open');
let confirmtext = confirm('确定吗');;
open.onclick = function () {
if (confirmtext) {
window.open('http://www.imooc.com', 'xx', 'width = 300,height = 300,top = 200,left = 200,toolbar=no,menubar=no,scrollbars=no,location=no,status=no')
}
}
if (!confirmtext){
console.log(123);
window.close()
};
</script>
</body>
</html>
3回答
-
好帮手慕夭夭
2019-07-04
你好同学，以下是老师修改好的代码，同学可以测试一下。另外，同学测试不成功也不没有关系，open和close方法也是有兼容性问题的，有一些浏览器确实是不支持的，所以实际开发中也很少去用这些两个方法，简单的练习了解一下就行哦。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>输入框</title>
</head>
<body>
<input type="button" name="" value="打开页面" id="open">
<script type="text/javascript">
var open = document.getElementById('open');
open.onclick = function() {
var confirmtext = confirm('确定吗');
if (confirmtext) {
window.open('http://www.imooc.com', 'xx', 'width = 300,height = 300,top = 200,left = 200,toolbar=no,menubar=no,scrollbars=no,location=no,status=no')
} else if (!confirmtext) {
console.log(123);
window.close()
};
}
</script>
</body>
</html>
0 -
好帮手慕夭夭
2019-07-04
你好同学，老师使用的是谷歌浏览器，详细信息如下：
祝学习愉快，望采纳。
0h019-07-04 -
好帮手慕夭夭
2019-07-04
你好同学，老师使用你的代码测试，当点击取消的时候，可以关闭当前页面。并且left值设置是有效的，如下：
老师把left值改了一下看是否生效
结果：
不过有一个效果实现的不对，要求点击按钮才会弹出弹窗，而代码是先弹出了。所以应该把弹窗放在点击事件中，如下调整：
上面把弹窗放在点击事件里面了，所以把如下判断也放在事件中，否则事件外边拿不到弹窗的变量。直接使用else就行，当if不成立，会执行else
建议同学修改如上后在自己本地谷歌浏览器上再测试一下哦。祝学习愉快，望采纳。
0h019-07-04
相似问题