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 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
16个最流行的JavaScript框架[推荐]
May 29 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
Jan 02 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
javascript实现日期时间动态显示示例代码
Sep 08 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 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
2006/12/14 PHP
解析php5配置使用pdo
2013/07/03 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
Javascript面向对象编程(二) 构造函数的继承
2011/08/28 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
python中dict使用方法详解
2019/07/17 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
浅析Python requests 模块
2020/10/09 Python
python脚本定时发送邮件
2020/12/22 Python
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
汽车工程专业应届生求职信
2013/10/19 职场文书
创业计划书撰写原则
2014/01/25 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
道德之星事迹材料
2014/05/03 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
社区灵活就业证明
2014/11/03 职场文书
大学毕业生个人总结
2015/02/28 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
MySQL通过binlog恢复数据
2021/05/27 MySQL
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers