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 相关文章推荐
jquery下操作HTML控件的实现代码
Jan 12 Javascript
避免回车键导致的页面无意义刷新的解决方法
Apr 12 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
create-react-app修改为多页面支持的方法
May 17 Javascript
深入理解Promise.all
Aug 08 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 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判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
JavaScript中Cookies的相关使用教程
2015/06/04 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
为python设置socket代理的方法
2015/01/14 Python
python使用range函数计算一组数和的方法
2015/05/07 Python
Python实现快速多线程ping的方法
2015/07/15 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
应届毕业生就业自荐信
2013/10/26 职场文书
大学自我鉴定
2013/12/20 职场文书
法律七进实施方案
2014/03/15 职场文书
十周年庆典策划方案
2014/06/03 职场文书