欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-03-26 22:34:00
在JavaScript中window.open([URL], [窗口名称], [参数字符串])打开新的窗口，使用window.close();//关闭本窗口或者是<窗口对象>.close();//关闭指定的窗口，举例var ceshi=window.open('https://www.cnblogs... ......

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()不起作用？

上一篇： 无底洞的底

下一篇： 移动Web开发必备基础之媒体查询

推荐阅读