iframe获取父、子窗口的方法

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();

// $($("#iframepage")[0].contentDocument).find('body') 从父页获取到iframe 里面的body元素
// $(document.frames["iframepage"].document.body) 从父获取到iframe 里面的body元素 //兼容IE7
 
 // $(window.parent.document.body) //从子iframe里面获取到 父元素内容（代码要写在iframe加载的页面中）
 // window.parent.papa() //从子iframe里面调用父的方法 papa();


$('#iframepage').attr('src', $('#iframepage').attr('src')); //父页面刷新子页面

测试地址

下载包