1.父页面调用子页面的元素(a代表iframe的id或者class,b代表子页面)
$(‘a‘).contents().find("b")
2.子页面调用父页面的元素(c代表父页面的任意元素id或者class)
$(window.parent.document).contents().find("c")
3.iframe高度自适应
<iframe src="" allowtransparency="true" id=‘ifm‘ style=" padding: 0px; color: rgb(255, 0, 0); line-height: 1.5 !important;"> frameborder="0" scrolling="no"></iframe>
jQuery方法
$(‘#ifm‘).load(function(){ $(this).height( $(this).contents().find("body").height());//body也可以是iframe子页面的任何元素 });
js方法
function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight; }; }; }; window.onload = function() { setIframeHeight(document.getElementById(‘ifm‘)); };