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

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()

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

时间: 2024-10-11 18:26:13

JavaScript中window.open()打开与window.close()关闭的相关文章

window.open 打开子窗口,关闭所有的子窗口

需求:通过window.open方法打开了子窗口,当关闭主窗口时,子窗口应当也关闭. 实现思路: 1.打开子窗口函数window.open(url,winName)的第二个参数winName可以唯一标识打开的窗口.因此关闭子窗口只需要使用winName.close()函数即可. 2.一个页面可能有多个子窗口.因此需要一个数组存储所有子窗口对象.关闭时,遍历数组即可. 3.子窗口还可以再打开子窗口.无限循环下去.因此需要判断. 此需求可以通过两个方法实现. 调用子窗口的关闭函数. 此方法易于理解,

Javascript中window.opener的一点小总结

以前一直认为window.opener只有在window.open方法打开下的窗口才可以访问,没想到即使是a链接打开的页面的照样可以访问.window.opener指向父窗口,也就是来源窗口.可以利用window.opener获取来源页面location.href信息等,也可以操作来源 页面的DOM,十分强大 但下面的情况,window.opener的值为null 1,跨域的情况如果是www.a.com/1.html链接到www.b.com/2.html,这种情况会丢失2,利用的javascri

Javascript 中的window.parent ,window.top,window.self 详解

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口. window.self 功能:是对当前窗口自身的引用.它和window属性是等价的. 语法:window.self 注:window.self.window.self是等价的. window.top 功能:返回顶层窗口,即浏览器窗口. 语法:window.top 注:如果窗

Javascript中的window对象

Javascript中包括三部分:ECMAScript.BOM和DOM.window对象属于BOM. window对象,是js顶层对象,表示整个浏览器窗口,不仅仅js内容,整个HTML页面(包括所有元素和CSS内容)也都在window对象的管理之下. 示例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

javascript中window.open()与window.location.href

1.window.location是window对象的属性,而window.open是window对象的方法    window.location是你对当前浏览器窗口的URL地址对象的参考!      window.open是用来打开一个新窗口的函数! 2. 在给按钮.表格.单元格.下拉列表和DIV等做链接时一般都要用Javascript来完成.和做普通链接一样,可能我们需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时我们就可以使用下面两项之一来完成:     window.open

Javascript中封装window.open的例子

对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 复制代码 var openWindow = function(url, options) { var str = ""; if (options) { options.height = options.height || 420; options.width = options.width || 550; op

细说javascript 中的 window.open() 参数设置

今天遇到一个问题,就是要用javascript中的window.open()打开一个新的网页,而且新打开的网页要在原来网页的基础之上,在查了一些资料之后,找到里一下方法:(其中,url 为链接的地址) 1.如果要打开一个新的窗口,就加上参数 _blank,如下所示:             <a   href   =   "javascript:onClick=window.open(url, '_blank ' "> 2.如果你想弹出的窗口代替本身的话,将参数换为  _s

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

通过&lt;frameset&gt;和&lt;iframe&gt;看JavaScript中window对象parent、self、top的区别

<frameset>.<frame>.<iframe>这3个html元素的区别,可以参考这篇文章"frame,iframe,frameset之间的关系与区别".标准的使用方式如下: <!--iframe 是在html页面内嵌入框架框架内可以连接另一个页面--> <html> <head></head> <body> <iframe src="xxx.html">