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 相关文章推荐
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
浅析JSONP技术原理及实现
Jun 08 Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
js模拟F11页面全屏显示
Sep 17 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
jQuery实现飞机大战小游戏
Jul 05 jQuery
适合后台管理系统开发的12个前端框架(小结)
Jun 29 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+MySQL删除操作实例
2015/01/21 PHP
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
jquery中用函数来设置css样式
2016/12/22 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
3个用于数据科学的顶级Python库
2018/09/29 Python
基于python实现高速视频传输程序
2019/05/05 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
计算机专业自荐信
2013/10/14 职场文书
疾病捐款倡议书
2014/05/13 职场文书
学雷锋的心得体会
2014/09/04 职场文书
社会实践活动报告
2015/02/05 职场文书
2015年七一建党节活动方案
2015/05/05 职场文书
答辩状格式范本
2015/05/22 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
技术转让协议书
2016/03/19 职场文书
python - timeit 时间模块
2021/04/06 Python