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 常见学习网站与参考书
Nov 09 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
Jan 04 Javascript
vue.js中created方法作用
Mar 30 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
在vue中created、mounted等方法使用小结
Jul 21 Javascript
JS数组转字符串实现方法解析
Sep 04 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
生成缩略图
2006/10/09 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
shiro授权的实现原理
2017/09/21 Javascript
微信小程序开发之左右分栏效果的实例代码
2019/05/20 Javascript
js实现微信聊天效果
2020/08/09 Javascript
在Python中操作字典之update()方法的使用
2015/05/22 Python
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
用opencv给图片换背景色的示例代码
2020/07/08 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
python regex库实例用法总结
2021/01/03 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
文秘专业自荐信
2013/10/14 职场文书
信息部岗位职责
2013/11/12 职场文书
民生工程实施方案
2014/03/22 职场文书
大学活动总结格式
2014/04/29 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
同意转租证明
2015/06/24 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
MySQL 视图(View)原理解析
2021/05/19 MySQL