动态的改变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为 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！