码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中window.open()打开与window.close()关闭

时间:2020-03-14 23:36:36      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:www   ack   pen   rip   作用   back   w3cschool   open   cli   

close()关闭窗口,语法书写如下,其次使用close()在打开新窗口的同时,关闭该窗口,是看不到被打开窗口的

1 window.close();//关闭本窗口
2 <窗口对象>.close();//关闭指定的窗口

 代码展示:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>JavaScript中window.open()与window.close()</title>
 6     <script type="text/javascript">
 7         function myopen(){
 8             window.open(https://www.baidu.com/,_blank,width=300,height=200,left=0,meunbar=no,toolbar=no,scrollbar=yes,status=no);
 9         }
10         
11         var ceshi=window.open(https://www.cnblogs.com/dhnblog/p/12494648.html)//将新打的窗口对象,存储在变量ceshi中
12         // // ceshi.wondows.close()   错误写法
13         ceshi.close()
14     </script>
15 </head>
16 <body>
17     <input type="button" name="" id="" value="点击打开新窗口" onclick="myopen()" />
18 </body>
19 </html>

 使用<窗口对象>.close();//关闭指定的窗口 代码展示:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>通过变量关闭窗口</title>
 6     <script type="text/javascript">
 7         function myopen(){
 8             var ceshi=window.open(https://www.baidu.com/,_blank,width=300,height=200,left=0,meunbar=no,toolbar=no,scrollbar=yes,status=no);
 9             ceshi.close()
10         }
11     </script>
12 </head>
13 <body>
14     <input type="button" name="" id="" value="我不信你可以打开" onclick="myopen()" />
15 </body>
16 </html>

 至于window.close();//关闭本窗口 暂时不是很懂,感兴趣的可以参考下这个,后期有机会在完善

  1. Javascript:window.close()不起作用?

  2. window.close()的用法 
  3. window方法:close()

JavaScript中window.open()打开与window.close()关闭

标签:www   ack   pen   rip   作用   back   w3cschool   open   cli   

原文地址:https://www.cnblogs.com/dhnblog/p/12494994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!