js、jquery操作父子iframe

以下方法在火狐、谷歌浏览器中测试通过

1.js获取子iframe中的元素

document.getElementById('iframe的id').contentWindow.document.getElementById('childDiv')
window.frames["iframe的id"].contentDocument.getElementById('childDiv');
//注意：上面的 .contentDocument 相当于 .contentWindow.document ！
//获取了子页面的document对象后就可以采用js的方法获取、操作子页面的元素了

2.jque获取子iframe中的元素

$(window.frames["iframe的id"].contentWindow.document).find("#childDiv")
$("#main_frame").contents().find("#childDiv")

3.页面刷新子iframe内容

document.getElementById('iframe的id').src=document.getElementById('iframe的id').src;

4.页面调用子iframe的方法

$("iframe的id")[0].contentWindow.child();
//child（）表示子iframe中的方法

5.子iframe获取父页面元素

//通过js获取
window.parent.document.getElementById("parentDiv");
//通过jquery获取
$('#parentDiv', parent.document);

6.子iframe刷新父页面

parent.location.reload();

7.子iframe调用父页面方法

window.parent.parent();
//parent指父页面的方法

8.子页面刷新自己

history.go(0)             
location.reload()         
location=location         
location.assign(location) 
location.replace(location)