<!-- 父页面 -->

  1. <!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>父页面</title>
  6. <!-- 引用easyUi的文件 -->
  7. <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
  8. <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">
  9. <script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>
  10. <script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
  11. <!-- 国际化 -->
  12. <script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
  13. </head>
  14. <body>
  15. <a href="javascript:void(0)" onclick="openWin();">点击打开隐藏的window窗口</a>
  16. <!--隐藏的文本框-->
  17. <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px" closed="true"
  18. data-options="iconCls:'icon-save',modal:true">
  19. <div data-options="region:'north',title:'North Title',split:true" style="height:50px;">
  20. <a href="javascript:void(0)" onclick="wen('son.html')">子页面son.html</a>
  21. <input type="button" value="给子页面赋值" onclick="assgVal();" />
  22. <input type="text" name="fatherId" id="fatherId" value="父页面的文本框" /> <br/>
  23. <input type="text" name="fatherText" id="fatherText" value="给子页面赋的值!" />
  24. </div>
  25. <div id="centers" data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;height:90%">
  26. 引用外部html文件
  27. </div>
  28. </div>
  29. <script type="text/javascript">
  30. //打开隐藏的win窗口
  31. function openWin(){
  32. $("#win").window("open");
  33. }
  34. //给子页面的文本框赋值
  35. function assgVal(){
  36. var fatherText = $("#fatherText").val();
  37. $('#son').contents().find("#sonId").val(fatherText);
  38. }
  39. /* 引用子页面index1.html */
  40. function wen(src){
  41. var hrefs = "<iframe id='son' src='" + src + "' allowTransparency='true' style='border:0;width:99%;height:99%;padding-left:2px;' frameBorder='0'></iframe>";
  42. $("#centers").html(hrefs);
  43. }
  44. //关闭window窗口
  45. function closeWin(){
  46. $("#win").window("close");
  47. }
  48. </script>
  49. </body>
  50. </html>

<!-- 子页面 -->

  1. <!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>子页面</title>
  5. <!-- 引用easyUi的文件 -->
  6. <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
  7. <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">
  8. <script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>
  9. <script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
  10. <!-- 国际化 -->
  11. <script type="text/javascript" src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
  12. </head>
  13. <body>
  14. <h1>你好,这是子页面</h1>
  15. <input type="text" name="sonId" id="sonId" value="" /><br/>
  16. <input type="text" name="sonText" id="sonText" value="给父页面的文本框赋值" />
  17. <button onclick="farassgVal();">给父页面的文本框赋值</button>
  18. </body>
  19. <script type="text/javascript">
  20. //调用父页面的赋值方法
  21. $(window.parent.assgVal());
  22. $(function(){
  23. alert($("#sonId").val());
  24. //调用父页面的关闭win窗口的方法
  25. //window.parent.closeWin();
  26. });
  27. //给父页面的文本框赋值
  28. function farassgVal(){
  29. var sonText = $("#sonText").val();
  30. $(window.parent.$("#fatherId").val(sonText));
  31. }
  32. </script>
  33. </html>

第一:

第二:

第三:

第四:

第五:

代码下载地址:

easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值的更多相关文章

  1. Easyui 弹出加载中的遮罩的两种方法

    第一种: //弹出加载层function load() {      $("<div class=\"datagrid-mask\"></div> ...

  2. ajax回调中window.open弹出的窗口会被浏览器拦截的解决方法

    存在问题:处理页面ajax请求过程中,异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法 来实现,最终都被浏览器拦截了.不会跳到对应的页面,如下 原因:浏览器之所以拦截 ...

  3. 解决弹出的窗口window.open会被浏览器阻止的问题（自定义open方法）

    由于在使用window.open时,在很多情况下,弹出的窗口会被浏览器阻止,但若是使用a链接target='_blank',则不会,基于这一特点,自己封装了一个open方法: function ope ...

  4. Windows下Java调用BAT批处理不弹出cmd窗口

    常规Windows下Java调用BAT方式肯定会弹出cmd窗口 Runtime.getRuntime().exec("cmd.exe /C start D:\\test.bat") ...

  5. JS设置弹出小窗口。

    经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...

  6. JS 弹出模态窗口解决方案

    最近在项目中使用弹出模态窗口,功能要求: (1)模态窗口选择项目 (2)支持选择返回事件处理 在IE中有showModalDialog 方法,可以很好的解决该问题,但是在Chrome中和FF中就有问题 ...

  7. 创建一个弹出DIV窗口

    创建一个弹出DIV窗口 摘自:   http://www.cnblogs.com/TivonStone/archive/2012/03/20/2407919.html 创建一个弹出DIV窗口可能是现在 ...

  8. QUI操作超时弹出登录窗口登录的处理方式

    在使用QUI开发的业务系统中,如果长时间没操作,session过期后,再次操作系统超时会自动跳转到登陆页面,如果当前有一些操作没有保存,需要重新登录后再次填写信息,用户体验很不好! 为了避免超时后页面 ...

  9. js实现第一次打开网页弹出指定窗口（常用功能封装很好用）

    js实现第一次打开网页弹出指定窗口(常用功能封装很好用) 一.总结 1.常用功能封装:之前封装的cookie的操作函数非常好用,我自己也可以这么搞 二.js实现第一次打开网页弹出指定窗口 练习1:第一 ...

随机推荐

  1. mysql默认8小时连接断开机制解决

    转载连接:http://www.myexception.cn/database/1639209.html 本文提供了对c3p0与DBCP连接池连接MySql数据库时, 8小时内无请求自动断开连接的解决 ...

  2. [UE4]UI动画复用

    一.创建一个专门播放动画的Widget,添加一个“Name Slot”,创建动画绑定到这个“Name Slot”. 二.要使用这个动画的widget就添加第一步创建的widget,并把需要执行动画的对 ...

  3. 不同版本Eclipse对JDK版本要求

    原文:https://blog.csdn.net/kevin_pso/article/details/54971739 1.Eclipse 4.6 (Neon)---需要JDK1.8版本,官网解释如下 ...

  4. 结对编程——paperOne基于java的四则运算 功能改进

    项目成员:张金生     张政 由于新的需求,原本使用JSP的实现方式目前改为Java实现,即去除了B/S端. 需求分析: 1.四则运算要满足整数运算.分数运算两种: 2.运算题目随机,并且可以打印题 ...

  5. Mongodb集群搭建之 Sharding+ Replica Sets集群架构（2）

    参考http://blog.51cto.com/kaliarch/2047358 一.概述 1.1 背景 为解决mongodb在replica set每个从节点上面的数据库均是对数据库的全量拷贝,从节 ...

  6. windows server 2012 本地用户和组

  7. ubuntu 16.04 启用root用户方法，SSH允许root登陆

    1.使用:sudo passwd root设置root的密码,如下图所示: 2.使用su root来测试是否可以进入root用户,如果出现#说明已经设置root用户的密码成功,如下图所示: 3.进入到 ...

  8. 新型DenseBody框架:一张照片获得3D人体信息

    来自云从科技和上海交通大学的研究者近期提出一种新型框架 DenseBody,可直接从一张彩色照片中获取 3D 人体姿势和形状.该研究设计了一种高效的 3D 人体姿势和形状表示,无需中间表示和任务,端到 ...

  9. 03-spark kafka

    1.概念 Kafka是一个开源的消息系统.由Scala编写,它具备以下特点: ①消息持久化: 为了从大数据中获取有价值的信息,任何信息的丢失都是负担不起的.使用Kafka时,message会被存储并且 ...

  10. java 模拟浏览器发送post请求

    java使用URLConnection发送post请求 /** * 向指定 URL 发送POST方法的请求 * * @param url * 发送请求的 URL * @param param * 请求 ...