b.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <title>链接</title>
  8. <link rel="stylesheet" href="../../../../cross/css/cross.css" type="text/css" />
  9. <link rel="stylesheet" href="../../../../cross/css/cross.ui.css" type="text/css" />
  10. <link rel="stylesheet" href="../../../../iconfont/iconfont.css" type="text/css" />
  11. <!--[if lt IE 9]>
  12. <script type="text/javascript" src="../../../../cross/js/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <div class="pt30 plr20">
  17. <div style="padding:20px;">
  18. <div style="margin:4px 0; padding:5px; background:#EEF7F5; text-align:left; color:#000; border-radius:3px; border:1px solid #D7EAE2; " class="tips">
  19. 我是iframe页面:<a href="b.html" target="_blank">b.html</a>
  20. </div>
  21. <input class="input-text" id="bInput" value="">
  22. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="aButton">返回数据给A页面</a>
  23. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="reload">刷新A页面</a>
  24. </div>
  25. </div>
  26. <script type="text/javascript" src="../../../../cross/js/jquery/1.8.3/jquery.js"></script>
  27. <script type="text/javascript" src="../../../../cross/js/cross.ui.js"></script>
  28. <link rel="stylesheet" href="../../../../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
  29. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/artDialog.js"></script>
  30. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/iframeTools.js"></script>
  31. <script type="text/javascript">
  32. $(function(){
  33. $('#bInput').val(art.dialog.data('aValue'));// 读取A页面的数据
  34. // 返回数据给A页面
  35. $('#aButton').on('click' , function () {
  36. var bValue = document.getElementById('bInput').value;
  37. art.dialog.data('bValue', bValue);// 存储数据
  38. art.dialog.close();
  39. });
  40. // 刷新A页面
  41. $('#reload').on('click',function () {
  42. var win = art.dialog.open.origin;
  43. win.location.reload(); // 注意:如果父页面重载或者关闭其子对话框全部会关闭
  44. return false;
  45. });
  46. });
  47. </script>
  48. </body>
  49. </html>