外层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 οnlοad="dyniframesize()">
hello html
</body>
</html>