兼容主流浏览器的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 相关文章推荐
asp 取文本框名称代码
Dec 02 Javascript
自己的js工具 Cookie 封装
Aug 21 Javascript
javascript Keycode对照表
Oct 24 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
Dec 06 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 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&amp;mysql(五)
2006/10/09 PHP
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
2016/10/10 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
使用webpack4编译并压缩ES6代码的方法示例
2019/04/24 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
基于Python获取照片的GPS位置信息
2020/01/20 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
如何写python的配置文件
2020/06/07 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
酒店公关部经理岗位职责
2013/11/24 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
安全先进个人材料
2014/12/29 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS