兼容firefox的iframe高度自适应代码
2024-10-19 06:25:37
网上关于iframe高度自适应的代码有很多,但比较杂乱,本文根据实用性整理了以下代码:
JavaScript部分:
折叠JavaScript Code复制内容到剪贴板
<script type="text/javascript">
function SetCwinHeight(iframeObj){
if (document.getElementById){
if (iframeObj){
if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
} else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
}
}
}
}
</script>
html部分:
折叠XML/HTML Code复制内容到剪贴板
<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe>
标记*号的地方填入iframe页面的地址。需要注意的是,src地址必须是在同一网站下,否则会出现“权限被禁止”的错误。
最新文章
- Resource leak: &#39;context&#39; is never closed
- highstock 的tooltip框里面的内容 保留两位小数的办法
- 如何将list转为json?
- ASP.NET MVC3 Model验证总结(转)
- CODEVS 1959 拔河比赛(另一版本)
- Java Hour 58 Java Virtual Machine
- PHP与jquery前后台交互的小程序
- Android Studio你不知道的调试技巧
- 【Unity入门】编辑器常用视图介绍
- cocos2d-x如何优化内存的应用
- boost库区间range基本原理及使用实例
- sencha项目升级
- MAC上更新Ruby失败解决办法
- 错误:Invalid action class configuration that references an unknown class named [XXX]的解决
- windows端口并结束其进程
- call apply bind的区别
- 1093 字符串A+B
- python模块:xml.dom.minidom
- php分享二十七:批量插入mysql
- Linux下tomcat无法启动