兼容主流浏览器的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插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
Feb 04 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 Javascript
js实现简单放大镜效果
Mar 07 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 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
thinkphp3.2.2实现生成多张缩略图的方法
2014/12/19 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2016/07/21 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
2019/07/10 Javascript
python使用mailbox打印电子邮件的方法
2015/04/30 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
Python中修改字符串的四种方法
2018/11/02 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
化工工艺专业求职信
2013/09/22 职场文书
开办加工厂创业计划书
2014/01/03 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
应聘教师自荐书
2014/06/16 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
区域经理岗位职责
2015/02/02 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
建议书的格式及范文
2015/09/14 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
Python标准库pathlib操作目录和文件
2021/11/20 Python
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB