iframe自适应高度(兼容多种浏览器)
来源:互联网 发布:c语言大象喝水 编辑:程序博客网 时间:2024/05/07 20:43
最近些项目遇到用iframe的地方,发现设置的固定高有时不能完全适应项目环境,不是高了就是不够高,在页面里看着很不爽。
想来想去,何不让iframe自适应高度呢。经过一番折腾,最终还是弄出来。下面是实现的源码:
<div id="leamain"> <iframe src="#" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765"
height=100% id="iframepage" name="iframepage" onLoad="iFrameHeight()" >
</iframe> <script type="text/javascript" language="javascript"> function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document :ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; }
}
</script> </div>
<span style="font-size:18px;"><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family:SimSun;">以上亲测,ie、火狐、谷歌等浏览器均没问题,希望对你有用。</span></span>
0 0
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe显示高度自适应兼容多浏览器
- iframe 自适应高度,兼容各浏览器
- iframe高度自适应及多浏览器兼容
- iframe高度宽度自适应兼容所有浏览器
- 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- 让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- jquery iframe自适应高度代码(浏览器兼容)
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- 兼容主流浏览器的 iframe 自适应高度(很实用)
- 解决iframe高度自适应的问题,兼容各浏览器
- 全兼容iframe高度自适应
- MySQL索引总结
- ArcGIS Runtime for Xamarin入门教程-调用矢量切片
- android的serialiable注意
- NYOJ 58 最少步数(深搜DFS)
- cocos2dx3.0 实现屏幕背景滚动
- iframe自适应高度(兼容多种浏览器)
- 国内直播源-开发直播调试必备
- IQKeyboardManager
- 题目6 喷水装置(一)
- 使用Scala编写的简单程序透彻解析
- 响应式布局代码
- 使用Faster-Rcnn进行目标检测(实践篇)
- how to draw Opencv face detection Adaboost ROC/PR (绘制方法)
- Code forces 670D2-----二分