JavaScript窗口打开与关闭及如何使用opener使子窗口对父窗口进行操作 | 您所在的位置:网站首页 › jsp关闭当前窗口 › JavaScript窗口打开与关闭及如何使用opener使子窗口对父窗口进行操作 |
一、打开与关闭窗口 1.打开窗口:可以使用window对象中的Open()方法。 newWindow = window.open(url,windowname,location);参数说明: url: 目标窗口的URL(可以是网站地址,也可以是文档在电脑中的位置),如果其为空字符串,则在浏览器页打开一个空白页 注意:使用open()对方法在完成对web文档的写操作后,要是有close()方法实现对输出流的关闭; 使用open()方法打开新流时,可以为文档指定一个有效的文档类型,包含text/html,text/gif,text/xim...等 windowname: 可选参数,window对象名称,其值为下述名称时有特殊含义 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 new:在新窗口显示目标网页 location:打开窗口的参数,可选参数列表如下 举一个例子: window.open('http://www.baidu.com','_blank','width=300,height=200,top=100,left=200);
2.关闭窗口: a.关闭当前窗口可以使用 window.close(), close(), this.close() 三种方法中的任意一种 b.关闭子窗口可以用 windowname.close(), windowname是指已打开窗口的句柄, 下面的例子:程序运行时点击主窗口按钮会自动关闭子窗口 var newWin = window.open("new.html","new","width=200,height=200"; function chiClose(){ newWin.colse() }
二、通过子窗口改变父窗口的内容 可以使用window.opener,下面是简介: window.opener 实际上就是通过window.open打开的窗体的父窗体。 比如在父窗体parent.html里面通过 window.open("child.html"),那么在child.html中 window.opener就代表parent.html,可以通过这种方式设置父窗体的值或者调用js方法。 如:1,window.opener.test(); //调用父窗体中的test()方法 2.window.opener.location.reload(); // 刷新父窗口 3.如果parent.html中存在id为“tb”的textbox,可以在子窗口中通过indow.opener.document.getElementById("tb").value = "输入的数据"来改变textbox的值
|
CopyRight 2018-2019 实验室设备网 版权所有 |