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" οnlοad="this.height=344;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"></iframe>