窗口无法关闭

窗口无法关闭

  1. 如图所示,我是仿照图片内容---关闭新弹出窗口的方法;直接用 btn.close();结果窗口未关闭?麻烦老师解答下

  2. 麻烦老师讲下图片中关闭新弹出窗口的方法有什么不同?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>打开/关闭页面</title>

    </head>

    <body>

       <input type="button" name="" value="打开页面">

       <script type="text/javascript">

           var btn=document.getElementsByTagName("input")[0];

           btn.onclick=function(){

               var s=window.confirm("想要打开页面");

               if(s){

                   window.open("newPage.html","1new","width=300,height=300,top=200,left=600,location=no,menubar=no,scrollbars=no,status=no")

               }else{

                   btn.close()

               }

           }

       </script>

    </body>

</html>

http://img1.sycdn.imooc.com//climg/5cb027a800010abc12060708.jpg

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

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

1回答
好帮手慕慕子 2019-04-12 16:20:02

同学你好,1、 close方法是window对象的方法,这里的btn是获取DOM对象, 所以不能关闭窗口, 建议修改:

http://img1.sycdn.imooc.com//climg/5cb049ab0001730311420416.jpg

2、图片也是使用window对象的close方法关闭新打开的窗口。 图片是在新标签打开页面, 不是弹出新的窗口。 所以声明一个变量获取到新打开窗口返回的window对象, 并使用close方法在当前页关闭新打开的窗口

如果帮助到了你 欢迎采纳

祝学习愉快~~~

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

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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