1. 程式人生 > >關於網頁中插入iframe中自適應問題的解決

關於網頁中插入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>