兼容主流浏览器的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实现tab标签浏览效果
Feb 20 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
js获取ip和地区
Mar 10 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
Oct 17 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 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
apache+php+mysql安装配置方法小结
2010/08/01 PHP
PHP 基于文件头的文件类型验证类函数
2012/05/01 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
PHP session 会话处理函数
2016/06/06 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
小程序input数据双向绑定实现方法
2019/10/17 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
[33:15]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VP VS Mineski
2018/03/31 DOTA
python 文件和路径操作函数小结
2009/11/23 Python
Python中实现的RC4算法
2015/02/14 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
python word转pdf代码实例
2019/08/16 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
《珍珠泉》教学反思
2014/02/20 职场文书
2014年社区工作总结
2014/11/18 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
golang json数组拼接的实例
2021/04/28 Golang
React如何创建组件
2021/06/27 Javascript
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript