动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度
动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩
原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度
具体实现一:
1、在IFrame的具体页面(就是子页面)，添加JavaScript
复制代码 代码如下:
2、在IFrame的具体页面(就是子页面)的body中，添加onload事件
复制代码 代码如下:
3、为父页面的IFrame标签添加ID，即上面第一步，方法体中的第2行所写到的childFrame
复制代码 代码如下:
具体实现二:
复制代码 代码如下:
//动态改变父类iframe的高度
//iframe页面调用的js
$(function(){
//取到窗口的高度
var winH = $(window).height();
//取到页面的高度
var bodyH = $(document).height();
if(bodyH > winH){
window.parent.document.getElementById("mainFrame").height=bodyH;
}else{
window.parent.document.getElementById("mainFrame").height=winH;
}
});
父页面的iframe为
复制代码 代码如下:
以上就是动态的改变IFrame的高度实现IFrame自动伸展适应高度的详细内容，更多请关注0133技术站其它相关文章！
