无法关闭？

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>打开/关闭页面</title>
</head>

<body>
  <input type="button" value="关闭本页面" id="close">
  <input type="button" value="打开慕课网" id="open">
  <script type="text/javascript">
    //补充代码
    var btn1 = document.getElementById("close");

    var btn2 = document.getElementById("open");

    btn1.onclick = function() {

      window.close();

    }

    btn2.onclick = function() {

      window.open("http://www.imooc.com", "newwindow");

    }
  </script>
</body>

</html>

顾兆昱 2019-10-05

源自：JS BOM基础 1-14 编程练习

收起

2回答

好帮手慕夭夭 2019-10-08 10:11:23

你好同学，老师这边把chrome更新到最新版本测试了一下，也是可以正常关闭的。谷歌浏览器没有限制，火狐浏览器才会有限制的。可能是你安装的浏览器有问题，你可以卸载重装一下。

或者你多用几个其他的浏览器测试测试，能够有一个测试出来就行，本练习题的内容在实际开发中不常用，老师帮你测试是没有问题的，你简单练习一下就行哦。

另外，火狐中的限制如下修改：

1.在Firefox浏览器的地址栏中输入about:config，即打开Firefox的配置页面。

2.然后搜索dom.allow_scripts_to_close_windows，找到后你会发现该配置的默认值是false，右键选择Toggle选项，选择切换，将值修改为true即可。

祝学习愉快，望采纳。

收起回答

好帮手慕夭夭 2019-10-07 15:03:12

你好同学，老师这边测试，点击的时候可以关闭页面。不过要求是把打开的页面关闭

建议如下修改：

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>打开/关闭页面</title>
</head>

<body>
<input type="button" value="关闭本页面" id="close">
<input type="button" value="打开慕课网" id="open">
<script type="text/javascript">
//补充代码
var btn1 = document.getElementById("close");

var btn2 = document.getElementById("open");

var imooc; //定义一个变量

btn1.onclick = function() {
//关闭打开的页面
imooc.close();
}

btn2.onclick = function() {
//保存打开的页面
imooc=window.open("http://www.imooc.com");

}
</script>
</body>

</html>