兼容主流浏览器的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的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
jquery选择器之基本过滤选择器详解
Jan 27 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
Sep 06 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
Jun 13 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
Angular2实现组件交互的方法分析
Dec 19 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
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 cookies中删除的一般赋值方法
2011/05/07 PHP
PHP加密解密类实例分析
2015/04/20 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
2014/02/23 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
jQuery设置Cookie及删除Cookie实例分析
2016/04/15 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
Node.js API详解之 timer模块用法实例分析
2020/05/07 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
python实现计算倒数的方法
2015/07/11 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
元宵晚会主持词
2014/03/25 职场文书
求职自荐信的格式
2014/04/07 职场文书
高中教师考核方案
2014/05/18 职场文书
毕业生应聘求职信
2014/07/10 职场文书
政风行风整改报告
2014/11/06 职场文书
大学生读书笔记范文
2015/07/01 职场文书
高中军训感想
2015/08/07 职场文书
入团申请书格式
2019/06/20 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Python实现生活常识解答机器人
2021/06/28 Python
Android中的Launch Mode详情
2022/06/05 Java/Android