iframe自适应高度(兼容多种浏览器)
2014-07-04 19:05
381 查看
http://jingyan.baidu.com/article/b87fe19eaeb2cf5218356896.html
让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>
以上亲测,ie、火狐、谷歌等浏览器均没问题,希望对你有用。
让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>
以上亲测,ie、火狐、谷歌等浏览器均没问题,希望对你有用。
相关文章推荐
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- iframe自适应高度(兼容多种浏览器)
- 沫沫金;;最新Iframe全浏览器兼容自适应高度解决方案
- Iframe自适应高度兼容ie,firefox多浏览器
- jquery iframe自适应高度代码(浏览器兼容)
- jquery兼容各种浏览器的iframe自适应高度的脚本
- 动态设置iframe的高度(同域情况)兼容多种浏览器
- iframe显示高度自适应兼容多浏览器
- 兼容主流浏览器的 iframe 自适应高度(很实用)
- 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- 真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- 兼容主流浏览器的iframe自适应高度js脚本
- 让iframe自适应高度 兼容多种浏览器随着窗口大小改变
- 【开发过程问题汇总系列】【iframe自适应高度】兼容 FireFox和IE内核的浏览器