DEDECMS 模板中心

您现在的位置:主页 > 织梦大学 > 辅助文档 >

iframe 根据内容自适应高度-终极解决方案

来源: 编辑: 发布时间:2019-11-07热度:
在主页面 iframe onLoad 时间里面写 function iframeLoad() { document.getElementById(iframe).height=0; document.getElementById(iframe).height=document.getElementById(iframe).contentWindow.document.body.scrollHeight; } 下面是示例代码...
在主页面 iframe onLoad 时间里面写

    function iframeLoad()  
    {  
        document.getElementById("iframe").height=0;  
        document.getElementById("iframe").height=document.getElementById("iframe").contentWindow.document.body.scrollHeight;  
    }

下面是示例代码

<iframe width='100%' id="myiframe"frameborder="0" scrolling="no" onload="changeFrameHeight()" frameborder="0" src="/style/banner/index.html"></iframe>
<script>
function changeFrameHeight(){
    document.getElementById("myiframe").height=0; 
    document.getElementById("myiframe").height=document.getElementById("myiframe").contentWindow.document.body.scrollHeight; 
}
window.onresize=function(){ 
     changeFrameHeight(); 
}
</script>
DedeCMS问题解决

请点击在线联系我们【点击咨询解决问题】   如果您有任何织梦问题,我们将免费为您写解决教程!

用心认真写教程不易,请小打赏我们一下,多少是心意,解决问题是重点

【打赏说明】 如果您认为在本站中看的内容质量不错、或阅读后有所收获、或解决您遇到的实际问题,那不妨小金额的赞助一下尚禹科技,让尚禹科技有动力继续写出更多高质量的教程和心得。以帮助更多的人。[查看打赏记录]

    尚禹科技:承接仿站业务,价格200元起!