window.showModalDialog

时间:2023-12-18 11:27:14

//新版本谷歌没有window.showModalDialog,创建一个window.open
if(window.showModalDialog == undefined){  
window.showModalDialog = function(url,mixedVar,features){  
        window.hasOpenWindow = true;  
                if(mixedVar) var mixedVar = mixedVar;  
              if(features) var features = features.replace(/(dialog)|(px)/ig,"").replace(/;/g,',').replace(/\:/g,"=");  
                window.myNewWindow = window.open(url,"_blank",features);  
        }

}

在使用回调的时候

var parent;
//谷歌的情况下
 if (window.opener != undefined) {
   parent=window.opener;
 }    
 else {

parent=window.dialogArguments;
}

只要当谷歌浏览器使用window.showModalDialog未定义的时候

传值问题

Javascript 两个窗体之间传值实现代码 
javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 
参数说明: 
sURL--必选参数,类型:字符串。用来指定对话框要显示的文档的URL。 
vArguments--可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。 
sFeatures--可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。 
dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。 
dialogWidth: 对话框宽度。 
dialogLeft: 离屏幕左的距离。 
dialogTop: 离屏幕上的距离。 
center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。 
help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。 
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。 
status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。 
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。 
如:"dialogWidth=200px;dialogHeight=100px" 
因此我们可以通过window.dialogArguments参数来在两个窗体之间传值

父级页面在打开模态窗口的时候需要传值,在子页面通过window.dialogArguments来获取到父页面传过来的值。