DOM(18)——弹出对话框的处理

1、复习,使用window.showModalDialog('dialog.htm')弹出模态对话框

2、给对话框传递参数,使用showModalDialog的第二个参数传递参数,在对话框中用window.dialogArguments获得传递的参数值;对话框中给window.parent.returnValue设定返回值,这样在父窗口中就可以通过showModalDialog返回值读取设置的返回值了。例子:弹出对话框询问用户姓名,向用户问好;弹出含有“是”、“否”、“取消”三个按钮的模态窗口,点击按钮的时候窗口关闭,然后主窗口显示用户点击的按钮。

例:给对话框传递参数,使用showModalDialog的第二个参数传递参数,在对话框中用window.dialogArguments获得传递的参数值;对话框中给window.parent.returnValue设定返回值,这样在父窗口中就可以通过showModalDialog返回值读取设置的返回值了:

dialog.htm:

function getData()
{
	return document.getElementById('mytext1').value;
}
<body onLoad="javascript:document.getElementById('mytext1').value=window.dialogArguments;">
	<input type="text" id="mytext1"/>
	<input type="button" value="确定" onclick="javascript:window.parent.returnValue=getData();window.close();">
</body>

主页面:

var result=window.showModalDialog('dialog2.htm',777);
alert(result);

3、传递多个参数,将参数包装到数组中,然后仍然是通过第二个参数传递,返回多个返回值也可以返回数组:var arr = new Array();arr[0]=30;arr[1]="tom";

例:需要传递多个参数时,将参数包装到数组中即可:

var arr = new Array();
arr[0]=30;
arr[1]="tom";

4、练习(面试题),弹出一个含有确定、取消、重试三个按钮的对话框,并且得知用户的选择。

附加:

英汉互译:

dialogArguments 对话框的参数。

dialog对话框,Arguments参数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值