JQuery操作iframe父頁面與子頁面的元素與方法
更新: 2011-05-05 來源: 互聯網 字體:【大 中 小】
-
JQUERY IFRAME
下面簡單使用Jquery來操作iframe的一些記錄，這個使用純JS也可以實現。
第一、在iframe中查找父頁面元素的方法： $('#id', window.parent.document)
第二、在父頁面中獲取iframe中的元素方法： $(this).contents().find("#suggestBox")
第三、在iframe中調用父頁面中定義的方法和變量： parent.method parent.value
iframe里用jquery獲取父頁面body
iframe.html
content.html
1 <html> 2 <script src='jquerymin.js'></script> 3 <body id='1'> 4 <div>it is a iframe</div> 5 </body> 6 <script> 7 $(document).ready( 8 function(){ 9 var c = $(window.parent.document.body) 10 11 //麻煩的方法： var c = $($(window).eq(0)[0].parent.document).find('body'); ，忘了可以用前面的方法了 12 alert(c.html()); 13 } 14 ); 15 </script> 16 </html>
content.html
<html> <script src='jquerymin.js'></script> <body id='fa'> <iframe src='iframe.html' width='100' height='100'></iframe> <br> <br> <br> <div id='mydiv'>content iframe</div> </body> <script> function a() { alert(1); } alert($(document).text()); </script> </html>
jquery、js調用iframe父窗口與子窗口元素的方法
1. jquery 在iframe子頁面獲取父頁面元素代碼如下:
$("#objid", parent.document)
2. jquery在父頁面 獲取iframe子頁面的元素 代碼如下: $("#objid",document.frames('iframename').document)
3.js 在iframe子頁面獲取父頁面元素代碼如下:
indow.parent.document.getElementByIdx_x("元素id");
4.js 在父頁面獲取iframe子頁面元素代碼如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
5.子類iframe內調用父類函數：
window.parent.func();