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>