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参数。