iframe自适应高度

  iframe自适应高度,设置iframe的高度为加载内容的高度,不出现滚动条。

iframe自适应高度

iframe自适应高度源代码如下

test.html

<a href="index.html"  target="myifr">index.html</a>
<iframe src="index.html" name="myifr" style="width:100%" onload="setIfrHeight(this)"></iframe>
<script>
    function setIfrHeight(el) {
        el.style.height = el.contentWindow.document.body.offsetHeight + 'px'
    }
</script>

index.html

<!doctype html>
<script>
    document.write('<div style="height:'+(Math.random()*1000)+'px">'+new Date().toLocaleString()+'</div>')
</script>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:iframe自适应高度

评论(0)Web开发网
阅读(456)喜欢(1)JavaScript/Ajax开发技巧