JavaScript设置IFrame高度自适应(兼容各主流浏览器)


Posted in Javascript onJune 05, 2013
function SetIFrameHeight(down) { 
var Sys = {}; 
var ua = navigator.userAgent.toLowerCase(); 
var s; 
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : 
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : 
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : 
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; 
var pTar = null; 
if (document.getElementById) { 
pTar = document.getElementById(down); 
} else { 
eval('pTar=' + down + ';'); 
} 
pTar.style.display = "block"; 
if (Sys.ie) { 
if (Sys.ie == '9.0') { 
pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px"; 
pTar.width = pTar.contentWindow.document.body.scrollWidth + "px"; 
} else if (Sys.ie == '8.0') { 
debugger; 
pTar.height = pTar.Document.body.offsetHeight + 15 + "px"; 
pTar.width = pTar.Document.body.scrollWidth + "px"; 
} else { 
pTar.height = pTar.Document.body.scrollHeight + 25 + "px"; 
pTar.width = pTar.Document.body.scrollWidth + "px"; 
} 
} 
if (Sys.firefox) { 
pTar.height = pTar.contentDocument.body.offsetHeight + 15 + "px"; 
pTar.width = pTar.contentDocument.body.scrollWidth + "px"; 
} 
if (Sys.chrome) { 
pTar.height = pTar.contentDocument.body.offsetHeight; 
pTar.width = pTar.contentDocument.body.scrollWidth; 
} 
if (Sys.opera) { 
pTar.height = pTar.contentDocument.body.offsetHeight; 
pTar.width = pTar.contentDocument.body.scrollWidth; 
} 
if (Sys.safari) { 
if (pTar.contentDocument.body.offsetHeight <= '186') { 
pTar.height = pTar.contentDocument.body.offsetHeight + 10; 
} else { 
pTar.height = pTar.contentDocument.body.offsetHeight; 
} 
pTar.width = pTar.contentDocument.body.scrollWidth; 
} 
}
Javascript 相关文章推荐
JS 时间显示效果代码
Aug 23 Javascript
测试你的JS的掌握程度的代码
Dec 09 Javascript
jQuery UI 实现email输入提示实例
Aug 15 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
JavaScript的漂亮的代码片段
Jun 05 #Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 #Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 #Javascript
jquery 面包屑导航 具体实现
Jun 05 #Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 #Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
Jun 05 #Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 #Javascript
You might like
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
js 数组操作代码集锦
2009/04/28 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
Javascript MVC框架Backbone.js详解
2014/09/18 Javascript
js对象的复制继承实例
2015/01/10 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
微信小程序select下拉框实现源码
2019/11/08 Javascript
原生js实现随机点名
2020/07/05 Javascript
python中List的sort方法指南
2014/09/01 Python
python将图片文件转换成base64编码的方法
2015/03/14 Python
Python之str操作方法(详解)
2017/06/19 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
python求解汉诺塔游戏
2020/07/09 Python
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
建筑工程实习自我鉴定
2013/09/19 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
学校教学工作总结2015
2015/05/19 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
56句经典英文座右铭
2019/08/09 职场文书