javascript - iframe高度自适应问题
本文介绍了javascript - iframe高度自适应问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
下面是主页面的内容:
<script type="text/javascript">
function changeFrameHeight(){
var ifm= document.getElementById("iframepage");
ifm.height=document.body.clientHeight + 50;
}
window.onresize=function(){
changeFrameHeight();
}
</script>
<div id="tt">
<div title="首页">
<iframe src="page/home.html" id="iframepage" onload="changeFrameHeight()" style="width:100%;" scrolling="no" frameborder="0"></iframe>
</div>
</div>
当页面缩小时,home.html内容不能全部显示出来,应该怎么更改?
解决方案
<script type="text/javascript">
function changeFrameHeight(){
setTimeout(function(){
var iFrameID = document.getElementById('iframepage');
if(iFrameID) {
iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
},300)
}
window.onresize=function(){
changeFrameHeight();
}
</script>
这篇关于javascript - iframe高度自适应问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文