判断iframe的内容的长度而使iframe自动拉伸
作者:cmscn 日期:2007-09-01
<body>
<script>
var num = 0;
function add_word()
{
var word = "";
for(i=0;i<10;i++,num++)
{
word += num + "<br>";
}
the_frame.document.body.innerHTML += word
}
function change_size()
{
the_table.height = the_frame.document.body.scrollHeight + 5; //这个5 是 iframe 和 table 间 的 间隔
}
</script>
<table id="the_table" border="0" width="100%" height="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">
<iframe src="about:<body></body>" id="the_frame" width="100%" height="100%"></iframe>
</td>
<td width="50%" valign="middle">
<button onclick="add_word()">增加内容看看</button>
<button onclick="change_size()">增加frame的高度</button>
</td>
</tr>
</table>
</body>
评论: 0 | 引用: 0 | 查看次数: 767
发表评论