本文介绍了一种使IFrame能够自动调整其高度以适应内容变化的方法。通过在页面头部添加特定的JavaScript代码，并在IFrame中使用expression表达式，可以实现IFrame随内容高度的变化而自动扩展。
在head中添加
<script language="javascript">
//iframe的高度自動增大。
function autoResize() {
try {
document.all
["main"].style.height=main.document.body.scrollHeight;
}catch(e){}
}
</script>
然后body中
<iframe id="main" name="main" frameBorder=0 scrolling=no style="height:expression(1); aho:expression(autoResize()); width:100%; height:150px;" src="test.html">
</iframe>
<script language="javascript">
//iframe的高度自動增大。
function autoResize() {
try {
document.all
["main"].style.height=main.document.body.scrollHeight;
}catch(e){}
}
</script>
然后body中
<iframe id="main" name="main" frameBorder=0 scrolling=no style="height:expression(1); aho:expression(autoResize()); width:100%; height:150px;" src="test.html">
</iframe>
扫一扫
120
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
