关于网页中插入iframe中自适应问题的解决

1、我是在做网页的时候需要在页面中插入两个文本编辑框,原本的意图是重复使用两个文本编辑框的div代码,但是会出现同步问题,也就是说我在编辑第二个文本框的时候,第一个文本框中的内容也会跟着变,无奈最后使用iframe的方法。我新建了一个test.html文件,在里面使用了两个iframe,其中的url都是input.html.

2、首先是要设置this.height的值,这个最好和iframe中要显示的内容高度一致。

3、其次是700这个值得选取,要恰当。

4、别忘记把要插入到iframe中的网页地址写进去。

5、亲测可用,可以看到图片中有两个文本编辑框,同时两个文本框中的文字可以任意编辑。

<iframe scrolling="no" name="bb" frameborder="0" width="100%"  src="input.html" onload="this.height=344;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"></iframe>



猜你喜欢

转载自blog.csdn.net/auferack/article/details/38849083