基本介绍:

的window.showmodaldialog()方法用于创建一个模态对话框,显示HTML的内容。(我不能打开后操作父窗口,只能操作时模式窗口关闭。)

的window.showmodelessdialog()方法是用来创建一个非模态对话框显示HTML的内容。(还可能做其他操作后开放。)

使用方法uff1a

vreturnvalue = window.showmodaldialog(surl {,} { varguments,sfeatures } }

vreturnvalue = window.showmodelessdialog(surl {,} { varguments,sfeatures } }

参数描述:

surl --所需的参数类型:字符串的URL,用于指定要在对话框中显示的文件。

varguments -可选参数,类型:变异。它是用来传递参数对话框,参数传递,类型包括数组,等对话框获取通过window.dialogarguments参数。

sfeatures -可选参数,类型:字符串,描述一个对话框的外观,如信息,您可以使用以下一个或几个,用分号隔开。

氨

参数传递:
1。参数传递到对话框中通过varguments。类型不限,字符串型,最大是4096个字符,也可以通过对象。
parent.html

复制代码代码如下所示:

用户名 uff1a



无功surl =showmodaldialog2 .html;
窗口的父窗口对象
无功varguments =窗口;
无功sfeatures =dialogheight:200px;dialogwidth:450px ;
document.getelementbyid(buttonid)。Onclick =函数(){
单击选择按钮,弹出对话框选择输入。
window.showmodaldialog(surl,varguments,sfeatures);
}




children.html

复制代码代码如下所示:


单击select按钮,将在文本框中的父窗口中显示相应的值。
对象接收父窗口传递
无功fatherwindow = window.dialogarguments;
功能selectinput(inputelement){
获取用户名
VaR的用户名= inputelement.parentnode.nextsibling.firstchild.nodevalue;
将用户名设置为与父窗口相关的位置
FatherWindow.document.getElementById(usernameid)。值=用户名;
}





操作


用户名称







狼





最终结果:


2,你可以返回的信息通过window.returnvalue打开对话框,它可以是布尔值、整数值等,也可以是一个JS数组,当然,它也可以是一个对象。

parent.html

复制代码代码如下所示:


*通过控制器将JSP页面加载到模拟窗口中
**
功能selectuserlist(参数){
无功surl =$ { pageContext。请求。contextpath } / / seluser selectusercontroller。dochecktip =+参数。checktype +regfield =+ param.regfield ;
无功varguments =窗口;
无功sfeatures =滚动条=没有;大小=没有;帮助=没有;状态=没有;中心:是的;dialogheight = 580px;dialogwidth = 776px ;
返回window.showmodaldialog(surl,varguments,sfeatures);

}



*通过JSON传递值并返回JSON数组。
**
功能getUser(){
无功retvalue = selectuserlist({ 'checktype ':','regfield:还要});