子页面获取父页面的id=care的子页面
parent.care.location.reload();
父页面获取id=imp的子页面
imp.location.reload();
jquery在iframe子页面获取父页面元素和方法代码如下:
parent.$("selector");
parent.method();jquery在父页面获取iframe子页面的元素和方法
代码如下:
iframe.$("select");
iframe.method();
3.js在iframe子页面获取父页面元素代码如下:
window.parent.document.getElementById("元素id");
4.js在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementById("元素id");
方法调用
父页面调用子页面方法：FrameName.window.childMethod();
子页面调用父页面方法：parent.window.parentMethod();
DOM元素访问
获取到页面的window.document对象后，即可访问DOM元素
//iframe高度
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.getElementById('frameContent').scrollHeight +20 || iframeWin.document.body.scrollHeight;
}
}
};
//iframe渲染完后再再计算高度
var iframe= document.getElementById('menuFrame');
iframe.onload = function () {
setIframeHeight(iframe);
};
