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实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
JavaScript中的this到底是什么(一)
Dec 09 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
Vue实现计算器计算效果
Aug 17 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 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
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
PHP 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
javascript 多级checkbox选择效果
2009/08/20 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
微信小程序实现tab页面切换功能
2018/07/13 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
python中的一些类型转换函数小结
2013/02/10 Python
python多线程用法实例详解
2015/01/15 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
python实现Dijkstra静态寻路算法
2019/01/17 Python
python+OpenCV实现图像拼接
2020/03/05 Python
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
学生感冒英文请假条
2014/02/04 职场文书
《穷人》教学反思
2014/04/08 职场文书
保密工作承诺书
2014/08/29 职场文书
会议主持词开场白
2015/05/28 职场文书
飞屋环游记观后感
2015/06/08 职场文书
惊天动地观后感
2015/06/10 职场文书
家长会后的感想
2015/08/11 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
python缺失值的解决方法总结
2021/06/09 Python
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android