a.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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="w500 h500">
  17. <div style="width:400px; height:300px; 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="a.html" target="_blank">a.html</a>
  20. </div>
  21. <input class="input-text" id="aInput" value="我是小A">
  22. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="aButton">传递给B页面</a>
  23. <div class="mt10">
  24. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="exit">关闭并返回数据到主页面</a>
  25. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="reload">刷新主页面</a>
  26. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="prentFun">取父页面的方法</a>
  27. </div>
  28. </div>
  29. </div>
  30. <script type="text/javascript" src="../../../../cross/js/jquery/1.8.3/jquery.js"></script>
  31. <script type="text/javascript" src="../../../../cross/js/cross.ui.js"></script>
  32. <link rel="stylesheet" href="../../../../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
  33. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/artDialog.js"></script>
  34. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/iframeTools.js"></script>
  35. <script type="text/javascript">
  36. $(function(){
  37. if (art.dialog.data('test')) {
  38. $('#aInput').val(art.dialog.data('test'));
  39. };
  40. // 传递给B页面
  41. $('#aButton').on('click', function () {
  42. var aValue = $('#aInput').val();
  43. art.dialog.data('aValue', aValue);// 存储数据
  44. var path = art.dialog.data('homeDemoPath') || './';
  45. art.dialog.open(path + '../widget/artDialog/4.1.7/demo/b.html?fd', {
  46. id: 'AAA',
  47. close: function () {
  48. var bValue = art.dialog.data('bValue');// 读取B页面的数据
  49. if (bValue !== undefined) $('#aInput').val(bValue);
  50. }
  51. }, false);
  52. });
  53. // 关闭并返回数据到主页面
  54. $('#exit').on('click',function () {
  55. var origin = artDialog.open.origin;
  56. var aValue = document.getElementById('aInput').value;
  57. var input = origin.document.getElementById('art-iframe-text');
  58. $(input).val(aValue);
  59. $(input).select();
  60. art.dialog.close();
  61. });
  62. // 刷新主页面
  63. $('#reload').on('click',function () {
  64. art.dialog.data('iframeTools', '我知道你刷新了页面~哈哈'); // plugin.iframe.html可以收到
  65. var win = art.dialog.open.origin;//来源页面
  66. // 如果父页面重载或者关闭其子对话框全部会关闭
  67. win.location.reload();
  68. return false;
  69. });
  70. //取父页面的方法
  71. $('#prentFun').on('click',function(){
  72. var origin = artDialog.open.origin;
  73. origin.window.artDialogAdemo();
  74. });
  75. });
  76. </script>
  77. </body>
  78. </html>