伊莉討論區

標題: 父視窗操作子視窗 [打印本頁]
作者: ggnnyy    時間: 2017-6-23 04:21 PM     標題: 父視窗操作子視窗

請問各位大哥大姊:
如何開啟子視窗後，再由父視窗改變子視窗某個標籤的值?
上網查了幾種方法如window.opener 都是沒作用的...煩請幫忙一下 感謝
作者: chengpocheng    時間: 2017-6-29 02:07 PM

首先在父視窗
  1. <html>
  2. <head>
  3.         <title>Test</title>
  4.         <script type="text/javascript" src="<?=base_url();?>js/jquery-1.12.3.min.js"></script>

  6.         <script>
  7.         $(function()
  8.         {

  10.                 $(".clickBn").click(function()
  11.                 {
  12.                         var newWindow = window.open("subPage.html");

  14.                         newWindow.onload = function()
  15.                         {
  16.                                  $(".triggerSubPage").click(function()
  17.                                 {
  18.                                        
  19.                                  $(newWindow.document).contents().find(".sub_button").text("父視窗改值")
  20.                                 });
  21.                         };
  22.                 });

  24.                

  26.         });
  27.         </script>

  29. </head>
  30. <body>


  33. <input type="button" class="clickBn" value="開啟子視窗"></input>

  35. <input type="button" class="triggerSubPage" value="觸發子視窗"></input>
  36. </body>
  37. </html>
複製代碼
子視窗 (subPage.html)
  1. <div class="sub_button">子視窗</div>
複製代碼
作者: ggnnyy    時間: 2017-6-30 07:35 AM

非常感謝chengpocheng大大的解答喔!! 已經處理好了，感謝感謝!!!



歡迎光臨 伊莉討論區 (http://www325.eyny.com/) Powered by Discuz!