博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
window.showModalDialog
阅读量:5368 次
发布时间:2019-06-15

本文共 1584 字,大约阅读时间需要 5 分钟。

//新版本谷歌没有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来获取到父页面传过来的值。

转载于:https://www.cnblogs.com/study-fanzeng/p/7110002.html

你可能感兴趣的文章
Android上传头像代码,相机,相册,裁剪
查看>>
git 安装体验
查看>>
Oracle 给已创建的表增加自增长列
查看>>
《DSP using MATLAB》Problem 2.17
查看>>
if 循环
查看>>
uva 111 History Grading(lcs)
查看>>
Python学习week2-python介绍与pyenv安装
查看>>
php判断网页是否gzip压缩
查看>>
一个有意思的js实例,你会吗??[原创]
查看>>
sql server中bit字段实现取反操作
查看>>
Part3_lesson2---ARM指令分类学习
查看>>
jQuery拖拽原理实例
查看>>
JavaScript 技巧与高级特性
查看>>
Uva 11729 Commando War
查看>>
增强学习(一) ----- 基本概念
查看>>
ubuntu下USB连接Android手机
查看>>
C# 语句 分支语句 switch----case----.
查看>>
反射获取 obj类 的属性 与对应值
查看>>
表单中的readonly与disable的区别(zhuan)
查看>>
win10下安装配置mysql-8.0.13--实战可用
查看>>