兼容主流浏览器的iframe自适应高度js脚本


Posted in Javascript onJanuary 10, 2014

兼容主流浏览器的 Iframe 自适应高度,js脚本如下:

//iframe 高度自适应 
function iframeAutoFit(iframeObj) { 
setTimeout(function () { 
if (!iframeObj) return; 
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); 
}, 200); 
}<span style="font-family: Arial, Helvetica, sans-serif;"> </span>

调用方法:
<iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);" 
height="235px;" width="770px" frameborder="0" scrolling="no" 
src="Market/HQData_page.aspx?t=tjs"></iframe>

扩展:
//动态添加样式 
function addSheetFile(obj, path) { 
if (obj == undefined || obj == null) 
obj = document; var fileref = obj.createElement("link") 
fileref.rel = "stylesheet"; 
fileref.type = "text/css"; 
fileref.href = path; 
fileref.media = "screen"; 
var headobj = obj.getElementsByTagName('head')[0]; 
headobj.appendChild(fileref); 
}
Javascript 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
Vant picker 多级联动操作
Nov 02 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
javascript遍历控件实例详细解析
Jan 10 #Javascript
关闭ie窗口清除Session的解决方法
Jan 10 #Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 #Javascript
JS实现根据出生年月计算年龄
Jan 10 #Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 #Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
深入理解JSON数据源格式
Jan 10 #Javascript
You might like
从php核心代码分析require和include的区别
2011/01/02 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
ThinkPHP表单数据智能写入create方法实例分析
2015/09/27 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
php并发加锁问题分析与设计代码实例讲解
2021/02/26 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
理解JavaScript事件对象
2016/01/25 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
vue组件tabbar使用方法详解
2018/11/06 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
中国央视网签名寄语
2014/01/18 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
诚信考试承诺书
2014/03/27 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
党员读书活动心得体会
2016/01/14 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL