主页面与iframe子页面互相传值
2013-04-17 16:14
162 查看
有web开发中,有时候,我们会遇上这样的问题:在主页面弹出一个iframe子页面,将主页面中数据传到iframe子页面
具体的实现请看以下代码:
主页面代码:
子页图代码:
实现效果如图所示:
具体的实现请看以下代码:
主页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../临时文档/jquery1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> function openWindow() { var oldValue = { Name:$("#Name").val(),Age:$("#Age").val() }; var result = popModal("main1.html", 300, 200, oldValue); if (result!=null && typeof (result) != "undefined") { $("#Name").val(result.Name); $("#Age").val(result.Age); } } //输入参数: 路径,宽度,高度,参数(可选) function popModal(url, width, height, parameter ) { var feature = 'dialogWidth=' + width+'px' + ';dialogHeight=' + height + 'px' + ';dialogTop=' + (screen.height - height) / 2 + 'px' + ';dialogLeft=' + (screen.width - width) / 2 + 'px' + ';help:no;resizable:no;status=no;scroll:no'; if(typeof(parameter)=="undefined") return window.showModalDialog(url, feature); else return window.showModalDialog(url, parameter, feature); } //===================================================================== //功能说明: 弹出一个窗口 //输入参数: 路径,窗口名称,宽度,高度 function pop(helpurl, windowName, width, height) { var feature ='width=' + width + ',height=' + height + ',top=' + (screen.height - height) / 2 + ',left=' + (screen.width - width) / 2 +',toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no'; window.open(helpurl, windowName, feature); } </script> </head> <body> <div> 名字<input id="Name" type="text" /><br /> 年龄<input id="Age" type="text" /><br /> <input id="Button1" type="button" value="打开模式窗口" onclick="openWindow()" /> </div> </body> </html>
子页图代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../临时文档/jquery1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var param = window.dialogArguments; $("#Name").val(param.Name); $("#Age").val(param.Age); }); function closeWindow() { var result = {}; result.Name = $("#Name").val(); result.Age = $("#Age").val(); window.returnValue = result; window.close(); } </script> </head> <body> <div> 名字<input id="Name" type="text" /><br /> 年龄<input id="Age" type="text" /><br /> <input id="Button1" type="button" value="关闭模式窗口" onclick="closeWindow()" /> </div> </body> </html>
实现效果如图所示:
相关文章推荐
- 跨域传值即主页面与iframe之间互相传值
- iOS开发 使用Block实现两个页面互相传值
- HTTP站点 用iframe 加载HTTPS页面后, 用postMessage 互相传值
- JSP页面之间互相传值
- html页面互相传值的问题
- framset刷新页面,互相传值,追加内容
- 用模式窗口, 在主页面和子页面中互相传值
- Silverlight学习笔记之Silverlight和aspx页面互相传值
- 在asp网页中,只刷新iframe子页面中的内容,并传值过去,怎么实现呀!
- 跨域传值即主页面与iframe之间互相传值
- 跨域传值即主页面与iframe之间互相传值
- html页面互相传值的问题解决方案
- bqy文档如何与jsp页面互相会话传值
- bqy文档如何与jsp页面互相会话传值
- struts---action和页面间互相传值
- 在asp网页中,只刷新iframe子页面中的内容,并传值过去,怎么实现呀!
- OnClientTriggerClick 两个页面之间互相传值
- 两个html页面互相传值
- Json_Ajax 页面交互双向传值
- Jquery插件知识之Jquery.cookie实现页面传值