WEB - ifram自动适应高度

来源:互联网 发布:ios迅雷淘宝 编辑:程序博客网 时间:2024/05/07 12:41


外层a.html,里面包含一个iframe,包含的网页是iframe1.html,定义iframe不显示滚动条。

<html><body><div><iframe frameborder='0'scrolling=no name='iframe' id='iframe' src='iframe1.html'style='background-color: transparent;'></iframe></div></body></html>

接下来在被包含的网页iframe1.html中写js脚本将iframe的高度传给父亲html,即外层html,并设置为body的onload调用就完成了高度自适应了。

<html><script>function dyniframesize(){parent.document.all('iframe').style.height=document.body.scrollHeight;}</script></head><body onload="dyniframesize()">hello html</body></html>


原创粉丝点击