window.open()方法可以打开一个新窗口,其格式及参数如下:
window = object.open([URL ][, name ][, features ][, replace]]]])
URL:新窗口的URL地址
name:新窗口的名称,可以为空
featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。
fullscreen= { yes/no/1/0 } 是否全屏,默认no
channelmode= { yes/no/1/0 } 是否显示频道栏,默认no
toolbar= { yes/no/1/0 } 是否显示工具条,默认no
location= { yes/no/1/0 } 是否显示地址栏,默认no
directories = { yes/no/1/0 } 是否显示转向按钮,默认no
status= { yes/no/1/0 } 是否显示窗口状态条,默认no
menubar= { yes/no/1/0 } 是否显示菜单,默认no
scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes
resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no
width=number 窗口宽度(像素单位)
height=number 窗口高度(像素单位)
top=number 窗口离屏幕顶部距离(像素单位)
left=number 窗口离屏幕左边距离(像素单位)
在应用时,通常写一个通用的方法来开启一个新窗口,如JS代码为:
我们在页面中可以这样来调用:
以上程序演示了本程序演示打开窗口的通用函数,调用参数的可变性,父与子窗体间的控制,和创建文档元素等用法等内容
当然还有一些应用是这样的:
window.opener 返回的是对父窗体的一个引用,通过它可以控制父窗体,常见有:
1、设置父页面背景
window.opener.document.body.backgroundColor = "red" ;
2、刷新父页面
window.opener.location.reload();
3、设置父页面文本框的值
window.opener.document.getElementById("txtUserName").value = "张三" ;
4、设置父页面单选按钮的状态
window.opener.document.getElementById("rdoMan").checked = true ;
5、显示父页面的层(利用层的透明属性可以制作蒙板效果)
window.opener.document.getElementById("divMask").style.display = "block" ;
6、让父页面应用滤镜效果 -- 应用灰度滤镜
window.opener.document.body.style.filter = "gray()"