iframe在div中如何自适应高度
你们说的都不行吖,我说的是div是自适应高度的,让div的高度iframe的高度变化,我已经给iframe设置了宽度是100%,框架的高度是多少,让div随着iframe的高度变化。div中的iframe是一个搜索操作,搜索出来的结果有时候会很多。 展开
//window.onresize表示窗口触发时间的时候执行
//两个函数,用闭包包裹起来()()
window.onload=function(){
(window.onresize=function(){
//获取可见宽度
var width=document.documentElement.clientWidth-180;//180为左边的div的大小
//获取可见高度
var height=document.documentElement.clientHeight-80;//80为头部的div的大小可自己修改
//如果有宽度就给值,
if(width>=0){
document.getElementById('main').style.width=width+'px';
}
if(height>=0){
document.getElementById('sidebar').style.height=height+'px';
document.getElementById('main').style.height=height+'px';
}
})()};
扩展资料:
//设置iframe的高度
function resizeFrameHeight() {
$('.tab_iframe').css('height', document.documentElement.clientHeight - 118);
$('md-tab-content').css('left', '0');
}
window.onresize = function () {
resizeFrameHeight();
initScrollShow();
initScrollState();
}
iframe高度自适应,700为自己设定的iframe高度最低值,高度小于700的将以700显示,大于700将以div自身高度来显示。iframe高度最低值可以自己修改
<iframe id="mainframe" name="mainframe" src="smb010201.aspx" frameBorder="0" width="100%" scrolling="no" height="100%"
onload="document.all('mainframe').style.height=mainframe.document.body.scrollHeight+30;"> </iframe>
我测试过,完全可以用的
<iframe id="iFrame1" name="iFrame1" width="952" onload="this.height=iFrame1.document.body.scrollHeight" scrolling="no" frameborder="0" src="asdf.html"></iframe>