你的位置:首页 > 网页设计

[网页设计]iframe的使用

1.父页面调用子页面的元素

$('a').contents().find("b")

 (a代表iframe的id或者class,b代表子页面) 

 2.子页面调用父页面的元素
$(window.parent.document).contents().find("c")
(c代表父页面的任意元素id或者class)  3.iframe高度自适应
<iframe src="" allowtransparency="true" id='ifm' style="background-color: transparent" 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'));};