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 相关文章推荐
return false;和e.preventDefault();的区别
Jul 11 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
node.js require() 源码解读
Dec 13 Javascript
详解iframe与frame的区别
Jan 13 Javascript
AngularJS 过滤器(自带和自建)详解
Sep 19 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
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/10/09 PHP
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
自动跳转中英文页面
2006/10/09 PHP
php实现多张图片上传加水印技巧
2013/04/18 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
2019/05/14 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
Python探索之修改Python搜索路径
2017/10/25 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
详解python pandas 分组统计的方法
2019/07/30 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
python脚本第一行如何写
2020/08/30 Python
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
大学校园生活自我鉴定
2014/01/13 职场文书
社区科普工作方案
2014/06/03 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书