控制iframe高度
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制iframe高度相关的知识,希望对你有一定的参考价值。
1. iframe自适应高度
<iframe id="iframe" src="#" frameborder="0" scrolling="no" width="100%" height="100%" name="iframe"></iframe>
2. 父子iframe交互
1 子页面控制高度
parent.document.all.iframe.height = document.body.scrollHeight; //chrome
$(‘#iframe‘, window.parent.document).height($(document).height()); //jquery兼容
2 父页面访问子页面
$("#iframe").contents().find("body")
3 子页面访问父页面
$(‘#iframe‘, window.parent.document)
window.parent.window //访问的是父页面的window
4 加载页面
$(window.parent.document).find("#iframe").load(function(){
//
}
以上是关于控制iframe高度的主要内容,如果未能解决你的问题,请参考以下文章