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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
JS getStyle获取最终样式函数代码
Apr 01 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
Apr 05 Javascript
jQuery的事件预绑定
Dec 05 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
在小程序中推送模板消息的实现方法
Jul 22 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 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计算年龄精准到年月日
2015/11/17 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
python如何查看系统网络流量的信息
2016/09/12 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
Django app配置多个数据库代码实例
2019/12/17 Python
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
nohup的用法
2012/11/26 面试题
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
AJAX的优缺点都有什么
2015/08/18 面试题
兼职学生的自我评价
2013/11/24 职场文书
运动会广播稿400字
2014/01/25 职场文书
电脑销售顾问自荐信
2014/01/29 职场文书
医学求职信
2014/05/28 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
小学教师教学随笔
2015/08/14 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
服务器间如何实现文件共享
2022/05/20 Servers