首页 > 代码库 > iframe高度/宽度自适应（使用body而不是docuemntElement对象）
iframe高度/宽度自适应（使用body而不是docuemntElement对象）
iframe在ie11中会显示过于短。为了自适应，增加如下代码:
<iframe *** onl oad=‘changeFrameHeight()‘ >
<script>
function changeFrameHeight() {
var ifm = document.getElementById("content3");
ifm.height = document.body.clientHeight ;
ifm.width = document.body.clientWidth ;
}
window.onresize = function () {
changeFrameHeight();
}
</script>
请注意，需要使用document.body.clientHeight，网上的教程写的是document.documentElement.clientHeight，在ie11和firefox中测试通过（本来就是为了兼容ie11才做的），但是在360浏览器下，document.documentElement.clientHeight永远为0。话说现在360浏览器的市场占有率很高啊（在文化程度不高的群体中），我司就是写了document.documentElement.clientHeight导致iframe无法显示，因此有大量的人发生此问题来投诉。。。作为一个强迫症程序员，心好累
iframe高度/宽度自适应（使用body而不是docuemntElement对象）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。