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 相关文章推荐
动态加载iframe
Jun 16 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
快速掌握Node.js模块封装及使用
Mar 21 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
简单实现js浮动框
Dec 13 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
详解JavaScript 的变量
Mar 08 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
vue vant中picker组件的使用
Nov 03 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实现数组筛选奇数和偶数示例
2014/04/11 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
2017/09/26 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
详解javascript函数写法大全
2019/03/25 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
python实现Windows电脑定时关机
2018/06/20 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
python要安装在哪个盘
2020/06/15 Python
Pytorch1.5.1版本安装的方法步骤
2020/12/31 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
电子商务个人自荐信
2013/12/12 职场文书
促销活动总结
2014/04/28 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
2014年医院工作总结
2014/11/20 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
python高温预警数据获取实例
2022/07/23 Python