iframe父與子頁面，子與子頁面之間互動
阿新 • • 發佈：2018-12-31
1.設定父iframe的高度 var currentHeight = document.body.scrollHeight; var pIframe=$(window.parent.document).find("#setAuth"); pIframe.height(currentHeight); 2.父頁面呼叫iframe子頁面的方法 $("#setAuth").contentWindow.reloadData_1(); document.getElementById("setAuth").contentWindow.reloadData_1(); 3.iframe子頁面呼叫父頁面的方法 window.parent.reloadData_1(); 4.iframe子頁面之間的方法呼叫 $(window.parent.document).contents().find("#iframe")[0].contentWindow.reloadData_1(); 5.在的頁面中html獲取java的變數 可以在html中使用iframe嵌入一個jsp，jsp中獲取java變數，然後在html中使用js獲取iframe中的變數 <body> <iframe src="/_web/testURL是userInfo.jsp?_p=YXM9MSZwPTEmbT1OJg__&name=transactionCenter.html" style="height: 0px; width: 0px; border: 0px; display: none;"></iframe> <div class="container"> </div> <script type="text/javascript" charset="utf-8"> $('iframe')[0].onload=function(){ var url = $('iframe')[0].contentWindow.testUrl;//testURL是userInfo.jsp頁面的js變數 $('#notice').parent('li').attr('onclick',"location.href='"+url+"'"); } </script> </body>