论坛 › 网页综合特效 › iframe自动适应宽高

admin 发表于 2015-9-12 17:08:30

iframe自动适应宽高

iframe自动适应宽高：
<iframe src ="#url" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%"></iframe>
<script type="text/javascript">
function dyniframesize(down) {
    var pTar = null;
    if (document.getElementById){
      pTar = document.getElementById(down);
    }
    else{
      eval('pTar = ' + down + ';');
    }
    if (pTar && !window.opera){
      //begin resizing iframe
      pTar.style.display="block"
      if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
            //ns6 syntax
            pTar.height = pTar.contentDocument.body.offsetHeight +20;
            pTar.width = pTar.contentDocument.body.scrollWidth+5;
      }
      else if (pTar.Document && pTar.Document.body.scrollHeight){
            //ie5+ syntax
            pTar.height = pTar.Document.body.scrollHeight;
            pTar.width = pTar.Document.body.scrollWidth;
      }
    }
}
</script>

查看完整版本: iframe自动适应宽高