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 相关文章推荐
最新28个很棒的jQuery 教程
May 28 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
JavaScript开发人员的10个关键习惯小结
Dec 05 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
Vue.extend实现挂载到实例上的方法
May 01 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为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
php中rename函数用法分析
2014/11/15 PHP
php实现文件上传及头像预览功能
2017/01/15 PHP
jquery操作select option 的代码小结
2011/06/21 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Python编写检测数据库SA用户的方法
2014/07/11 Python
10款最好的Web开发的 Python 框架
2015/03/18 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
浅谈Python的异常处理
2016/06/19 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
Python之py2exe打包工具详解
2017/06/14 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
如何解决python多种版本冲突问题
2020/10/13 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
前台文员我鉴定
2014/01/12 职场文书
税务干部鉴定材料
2014/02/11 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
开展创先争优活动总结
2014/08/28 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
公民授权委托书范本
2014/09/17 职场文书
大学生自荐材料范文
2014/12/30 职场文书
公司员工辞职信范文
2015/05/12 职场文书
英雄儿女观后感
2015/06/09 职场文书
人间正道是沧桑观后感
2015/06/15 职场文书
Golang的继承模拟实例
2021/06/30 Golang
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android