WEB - ifram自动适应高度


外层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>


你可能感兴趣的:(WEB - ifram自动适应高度)