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 iframe操作详细解析
Nov 20 Javascript
浅析js设置控件的readonly与enabled属性问题
Dec 25 Javascript
中止javascript执行的方法
Feb 14 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
jQuery实现自动调整字体大小的方法
Jun 15 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
jquery插件格式实例分析
Jun 16 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
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中其实也可以用方法链
2011/11/10 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
thinkPHP多表查询及分页功能实现方法示例
2017/07/03 PHP
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
javascript回到顶部特效
2016/07/30 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
2017/01/08 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
node文件批量重命名的方法示例
2017/10/23 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Python根据区号生成手机号码的方法
2015/07/08 Python
浅谈Python的异常处理
2016/06/19 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
使用python绘制温度变化雷达图
2019/10/18 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
毕业实习评语
2014/02/10 职场文书
原料仓仓管员岗位职责
2014/07/08 职场文书
2019已经过半,你知道年中工作总结该怎么写吗?
2019/07/03 职场文书
python元组打包和解包过程详解
2021/08/02 Python
Golang表示枚举类型的详细讲解
2021/09/04 Golang
MySQL日期时间函数知识汇总
2022/03/17 MySQL
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android