讓iframe自適應高度
2016-07-21 18:26
288 查看
寫代碼的過程中,遇到一個問題,就是用iframe加載一個動態的頁面,也就是iframe加載的這個頁面不是固定高度的。剛開始的時候我給iframe寫各種各樣的樣式,但效果都不能令我滿意,所以就到網上去搜一下這方面的資料,最後我選擇了像下面這樣的js方式代碼,這裏只是適應高度,寬度其實是一樣道理,就不寫那麼多了,這段js的原理,其實就是在一段很短的時間內不斷的去運行一段js方法,在方法裏面去獲取到iframe裏面動態內容的高度,然後再給iframe定一個高度。辦法是笨笨的,不過也很實在,此方法在跨域時不適用。
function reinitIframe(){ var iframe = document.getElementById("Iframe"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); iframe.height = height; }catch (ex){} } window.setInterval("reinitIframe()", 200);
相关文章推荐
- LeetCode 122. Best Time to Buy and Sell Stock II
- ServletContext与网站计数器
- 如何反编译APK(转载自网络)
- android开发 重启app
- Monthly Expense
- java实现顺序栈
- [Spring]Spring Bean的初始化 ---- getBean方法
- android广播动态监听一般设置的状态
- openwrt 内核 打补丁
- php Captcha 練習
- WebView与JS交互不会执行onPageFinished() -WebView(WebKit)
- 基于FL2440开发板实现蜂鸣器唱歌的原理
- [转自官方]2016 Multi-University Training Contest 2 solutions BY zimpha
- HDU 5742 It's All In The Mind(水题【多校联合】)
- 2016 Multi-University Training Contest 2(2016多校训练第二场)1009
- 清空listview中的所有item
- java.lang.IllegalArgumentException
- 1032. 挖掘机技术哪家强
- ROKID桌面机器人麦克风阵列拆解分析及设计建议
- 自己写一个urlEncoder和urlDecoder