基本介绍:
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。(就是打开后不能操作父窗口,只能等模式 窗口关闭时才能操作)
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。(就是打开后仍然可以进行其他的操作)
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
sURL -- 必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过 window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
-------------------------------
参数传递:
1. 要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象.
parent.html
复制代码 代码如下:
<body>
用户名:
<input id="usernameID" type="text" readonly/>
<input id="buttonID" type="button" value="选择输入" />
<script type="text/javascript">
var sURL = "showModalDialog2.html";
//将父窗口对象传给子窗口
var vArguments = window;
var sFeatures = "dialogHeight:200px;dialogWidth:450px";
document.getElementById("buttonID").onclick = function(){
//单击"选择输入"按钮,弹出对话框以供选择输入
window.showModalDialog(sURL,vArguments,sFeatures);
}
</script>
</body>
children.html
复制代码 代码如下:
<body>
<script type="text/javascript">
//单击"选择输入"按钮后,会将对应的值显示在父窗口文本框中
//接收父窗口传过来的对象
var fatherWindow = window.dialogArguments;
function selectInput(inputElement){
//取得用户名
var username = inputElement.parentNode.nextSibling.firstChild.nodeValue;
//将用户名设置到父窗口相关的位置
fatherWindow.document.getElementById("usernameID").value = username;
}
</script>
<table border="1" align="center">
<tr>
<th>
操作
</th>
<th>
用户名
</th>
</tr>
<tr>
<td>
<input type="button" value="选择输入" onclick="selectInput(this)" />
</td>
<td>
张三
</td>
</tr>
</table>
</body>
最终结果:
2.可以通过window.returnValue向打开对话框的窗口返回信息,可以是布尔值,整型值等以外还可以是个js数组,当然也可以是对象.
parent.html
复制代码 代码如下:
<script type="text/javascript">
/**
*通过controller转向在模拟窗口加载JSP页面
**/
function selectUserList(param) {
var sURL = "${pageContext.request.contextPath}/SelectUserController/selUser.do?checkTip="+param.checkType+"®Field="+param.regField";
var vArguments = window;
var sFeatures = "scrollbars=no;resizable=no;help=no;status=no;center:yes;dialogHeight=580px;dialogWidth=776px"";
return window.showModalDialog(sURL,vArguments,sFeatures);
}
/**
*通过JSON传值,并返回JSON数组
**/
function getUser(){
var retValue = selectUserList({'checkType':'','regField':'more'});
</script>
showModalDialog
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新动态
- 群星《发烧秘籍音响攻略DSD》[WAV+CUE]
- F4F《动物森友会》西施惠雕像 预售早鸟价89.99美元
- 任天堂新作通过ESRB评级 2D挑战和平台游戏合集
- 根本卖不出去!网友发现带预购奖励的《Forspoken》
- 群星《妖神令 影视原声专辑》[FLAC/分轨][170.42MB]
- 群星《越洋电话, Vol. 1》[320K/MP3][41.2MB]
- 群星《越洋电话, Vol. 1》[FLAC/分轨][114.98MB]
- 林志颖.1992-为什么受伤的总是我【飞碟】【WAV+CUE】
- 羽泉.2005-三十【华谊兄弟】【WAV+CUE】
- 白嘉莉.2021-精选集【海山】【WAV+CUE】
- 欢乐钓鱼大师玛瑙金鳞怎么钓 欢乐钓鱼大师玛瑙金鳞钓鱼攻略
- 欢乐钓鱼大师樱飘雪怎么钓 欢乐钓鱼大师樱飘雪钓鱼攻略
- 欢乐钓鱼大师银翼的奇术师怎么钓 欢乐钓鱼大师银翼的奇术师钓鱼攻略
- 陈琳.1994-你的柔情我永远不懂[WAV]
- 邓瑞霞2006-广东风云2IN1[南方]2CD[WAV+CUE]