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

前端之家收集整理的这篇文章主要介绍了JavaScript 弹出子窗体并返回结果到父窗体的实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

思路:

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

示例代码:(用jQuery简化实现)

页面:parent.html

父<a href="https://www.jb51.cc/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 弹出子窗体并返回结果到父窗体的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/48382.html

猜你在找的JavaScript相关文章