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