window的open和showModalDialog方法调用父页面的window对象

最新推荐文章于 2019-11-15 10:55:16 发布

weixin_34414196

最新推荐文章于 2019-11-15 10:55:16 发布

阅读量111

点赞数

window.open

var parentWindow = window.opener;//获取到父页面的window对象

参数：

window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name

1、如果是已经存在的窗口的名字，则会到那个窗口中打开这个url

2、如果不存在的窗口的名称，则会打开一个地址为url的新窗口，窗口名称为这个参数

3、如果指定了的是窗口的打开方式：_selt、_parent、_top、_blank
parameters 为窗口参数(各参数用逗号分隔)

例如：window.open (url,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

height=100 窗口高度； 
width=400 窗口宽度； 
top=0 窗口距离屏幕上方的象素值； 
left=0 窗口距离屏幕左侧的象素值； 
toolbar=no 是否显示工具栏，yes为显示； 
menubar，scrollbars 表示菜单栏和滚动栏。 
Resizable=no 是否允许改变窗口大小，yes为允许； 
location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

window.showModalDialog

var parentWindow = parent.window;

参数及说明：

window.showModalDialog(url,obj,"dialogWidth=200px;dialogHeight=100px");

showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。


dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 离屏幕左的距离。
dialogTop: 离屏幕上的距离。
center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。