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 特殊字符串
Feb 25 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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
php 连接mysql连接被重置的解决方法
2011/02/15 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
js如何实现设计模式中的模板方法
2013/07/23 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
2015/01/20 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
2015/10/21 Javascript
原生js和jQuery实现淡入淡出轮播效果
2015/12/25 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
使用Python的web.py框架实现类似Django的ORM查询的教程
2015/05/02 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
python获取代理IP的实例分享
2018/05/07 Python
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
2019/02/13 Python
Python中求对数方法总结
2020/03/10 Python
python实现移动木板小游戏
2020/10/09 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
汉语言文学专业求职信
2014/06/19 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
单位同意报考证明
2015/06/17 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
Python初学者必备的文件读写指南
2021/06/23 Python
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
Apache自带的ab压力测试工具的实现
2022/07/23 Servers