利用iframe就可以做出這樣的效果了
範例:
http://mestu.twbtl....ex.html-----------------------------------------------------------
在iframe 裡取值來控制自己的長度
依照2.htm內文的寬度及高度,自動調整1.htm之iframe的寬度及高度
1.htm
代碼:
<body>
<iframe name="I1" src="2.htm" height="100" width="200"></iframe>
</body>
2.htm
代碼:
<body scroll=no onload="resizeIframe()">
<p>123456789012345678901234567890end</p>
<p>45611111111111111111111111111111111end</p>
<p>789</p>
<p>dfdsf</p>
<p>df</p>
<p>sdf</p>
<p>sdf</p>
<p>df</p>
<p>dsf</p>
<p>sdf</p>
<p>sdf</p>
<p>df</p>
<p>dsf</p>
<script type="text/javascript">
function resizeIframe() {
var i = parent.document.getElementById(window.name);
var iWidth = document.body.scrollWidth;
var iHeight = document.body.scrollHeight;
i.style.width = iWidth + 5 + "px";
i.style.height = iHeight + 5 + "px";
}
</script>
</body>