判断iframe的内容的长度而使iframe自动拉伸


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

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 767
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 20 字 | UBB代码 关闭 | [img]标签 关闭