当前位置: 首页 > news >正文

内嵌框架iframe在火狐ff下自适高度(ie6、ie7、ff都正常)

 

1.脚本

在调用iframe的页面添加脚本

var FFextraHeight = 0;
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
FFextraHeight =35;//在火狐下的参数 可以调
}
function ReSizeiFrame(iframe)
{
if(iframe && !window.opera)
{
iframe.style.display = "block";
if(iframe.contentDocument && iframe.contentDocument.body.offsetHeight)
{
iframe.height = iframe.contentDocument.body.offsetHeight + FFextraHeight;//设置iframe在火狐下高度
}
else if (iframe.Document && iframe.Document.body.scrollHeight)
{
iframe.height = iframe.Document.body.scrollHeight;//设置iframe在ie下的高度

}
}
}

2.调用

<iframe src="test.html" scrolling="no" id="iFrame1" frameborder="0" width="475" οnlοad="javascript:ReSizeiFrame(this);"></iframe>

=====================================================================

内嵌框架iframe自适高度终极方案:

 

<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" οnlοad="this.height=100"></iframe>

<script type="text/javascript">
function reinitIframe(){
  var iframe = document.getElementById("frame_content");
  try{
       var bHeight = iframe.contentWindow.document.body.scrollHeight;
       var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
       var height = Math.max(bHeight, dHeight); //一个ff 一个ie 取大值兼容
       iframe.height =  height;
  }catch (ex){}
}
window.setInterval("reinitIframe()", 200);//定时刷新重取 经测试对cpu 没啥影响
</script>

 

 

相关文章:

  • WdatePicker 没有权限 不能执行已释放 Script 的代码
  • ext Grid取当前页码
  • Flash焦点图广告去除“慧聪网版权所有”字样的focus.swf下载
  • [刷ROM] 电信定制三星i579(2.3.4版)ROOT
  • Office2007打开文件提示“您尝试打开的文件xxx.xls的格式与文件扩展名指定的格式不一致”的解决办法
  • Extjs checkbox Grid勾选时事件
  • C#大批量数据插入MySQL数据库的性能问题
  • MySQL引擎
  • 利用FlashPaper实现类似百度文库功能
  • 未能找到任何适合于指定的区域性或非特定区域性的资源解决
  • 怎样卸载activex控件
  • msxml3.dll 错误'800c0005' 系统未找到指定的资源错误
  • MYSQL 查询表列数
  • FlashPaper打印机未能正确安装的解决办法
  • Macromedia FlashPaper 2的安装方法(XP和Win7)
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • jQuery(一)
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • Material Design
  • Python 反序列化安全问题(二)
  • Python爬虫--- 1.3 BS4库的解析器
  • SSH 免密登录
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • vue 配置sass、scss全局变量
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • 从PHP迁移至Golang - 基础篇
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 深入浏览器事件循环的本质
  • 首页查询功能的一次实现过程
  • 说说动画卡顿的解决方案
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 赢得Docker挑战最佳实践
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • ​【已解决】npm install​卡主不动的情况
  • ​2020 年大前端技术趋势解读
  • #数学建模# 线性规划问题的Matlab求解
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (4)(4.6) Triducer
  • (附源码)php投票系统 毕业设计 121500
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (六)vue-router+UI组件库
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理第3章 信息系统治理(一)
  • (篇九)MySQL常用内置函数
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (原創) 博客園正式支援VHDL語法著色功能 (SOC) (VHDL)
  • .bat批处理(十一):替换字符串中包含百分号%的子串
  • .NET Core 实现 Redis 批量查询指定格式的Key
  • .net 中viewstate的原理和使用
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • [ 第一章] JavaScript 简史
  • []指针