jquery、js调用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();

6.父类内调用子类函数：

function parentFunction() {

alert('function in parent');

}

function callChild() {

//child 为iframe的name属性值，不能为id，因为在FireFox下id不能获取iframe对象

child.window.childFunction();

}

7.曾经试过这样的方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parent.document);

这样可以获得父页面的元素，但是调用EasyUI的方法的时候，就会报错。

郁闷了很久很久，最终找到方案，写法的区别，如下：

parent.$('#objId')

这样调用方法就不会报错

jquery、js调用iframe父窗口与子窗口元素的方法整理(二)