JavaScript 弹出子窗体并返回结果到父窗体的实现代码

思路：

用window.showModalDialog方法获取到弹出子窗体的引用，再在子页面用window.returnValue="***"来返回结果。

示例代码：（用jQuery简化实现）

父页面：parent.html

父<a href="/tag/yemian/" target="_blank" class="keywords">页面</a> function showmodal()
{
var strReturn = window.showModalDialog("son.html",null,"dialogWidth:800px;dialogHeight:600px;help:no;status:no");
var s="您选择了：";
for(var i=0;i<strReturn.length;i++)
{
s+=strReturn[i]+",";
}
alert(s);

}
// --></mce:script>

页面 son.html

子窗体

苹果橘子香蕉

参数传递：

parent.htm

var obj = new Object(); obj.name="51js"; window.showModalDialog("son.htm",obj,"dialogWidth=200px;dialogHeight=100px");

son.htm

var obj = window.dialogArguments alert("您传递的参数为：" + obj.name)

2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：

parent.htm

str =window.showModalDialog("son.htm","dialogWidth=200px;dialogHeight=100px"); alert(str);

son.htm

window.returnValue="http://blog.csdn.net/a497785609";

扩展：

效果。当子页面传递所要选择的参数后，父页面可以实现

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

思路：

页面 son.html

son.htm

parent.htm

son.htm

来扑捉到传递过来的参数，从而继续进行服务器端处理。

以上这篇JavaScript 弹出子窗体并返回结果到父窗体的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

思路：

页面 son.html

son.htm

parent.htm

son.htm

来扑捉到传递过来的参数，从而继续进行服务器端处理。 以上这篇JavaScript 弹出子窗体并返回结果到父窗体的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章

来扑捉到传递过来的参数，从而继续进行服务器端处理。

以上这篇JavaScript 弹出子窗体并返回结果到父窗体的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。