Iframe 自适应高度（js）

最新推荐文章于 2023-10-05 20:45:00 发布

转载最新推荐文章于 2023-10-05 20:45:00 发布 · 585 阅读

文章标签：

#javascript

JS 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种实现Iframe在不同浏览器中自适应高度的方法。通过监听Iframe加载完成事件并设置其高度为内容实际高度的方式，解决了Iframe在不同浏览器下高度不一致的问题。

兼容的Iframe自适应高度

    function setIframeHeight(id){
          try{
            var iframe = document.getElementById(id);
            if(iframe.attachEvent){
              iframe.attachEvent("onload", function(){
                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
              });
              return;
            }else{
              iframe.onload = function(){
                iframe.height = iframe.contentDocument.body.scrollHeight;
              };
              return;                
            }    
          }catch(e){
            throw new Error('setIframeHeight Error');
          }
        }