我叫Ezreal 是一名探险家,.

iframe 自适应内容高度

    在使用iframe的时候,会出现iframe不能随着内容的高度自动改变的情况,下面就介绍一种可以自适应高度的办法。<br/>

   <pre>

  <iframe id="iframe" name="search_1" src="zhaiyao.html" frameborder="0" scrolling="no"  onload="setIframeHeight(this)"></iframe> 

  <script>

   function setIframeHeight(iframe) {

    if(iframe) {
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        if(iframeWin.document.body) {
        iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
          }
        }
};

  </script>

  </pre> 

      这么写是判断 ,每次iframe的onload事件后自动适应内容改变iframe的高度。

posted @   .伊泽瑞尔  阅读(369)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示