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 相关文章推荐
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
jquery关于图形报表的运用实现代码
Jan 06 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
Jun 24 Javascript
小程序中的箭头函数的具体使用
Jun 19 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中数据的批量导入(csv文件)
2006/10/09 PHP
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
基于PHP静态类的原罪详解
2013/05/06 PHP
php二维数组排序详解
2013/11/06 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
php通过array_push()函数添加多个变量到数组末尾的方法
2015/03/18 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python标准库sched模块使用指南
2017/07/06 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
利用pyecharts读取csv并进行数据统计可视化的实现
2020/04/17 Python
Django实现简单的分页功能
2021/02/22 Python
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
党支部党的群众路线对照检查材料
2014/09/24 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
民政工作个人总结
2015/02/28 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
dubbo服务整合zipkin详解
2021/07/26 Java/Android