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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章