织梦园模板网专注于织梦企业模板、DeDe整站模板、织梦Html5模板等织梦模板的下载,提供DEDE织梦模板相关服务。织梦园织梦模板交流群
用户名:
密码:
注册

织梦园-专业织梦模板下载站

注册后享受折扣价

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

admin / 2018-05-25 / 收藏
在主页面 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>
下一篇:没有了
相关辅助文档
收缩