JavaScript自动设置IFrame高度的小例子


Posted in Javascript onJune 08, 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; 
        } 
    } 
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 静态页面实现随机显示广告的办法
Nov 17 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
js获取当前页面路径示例讲解
Jan 08 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
May 05 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
Aug 08 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
js编写简易的计算器
Jul 29 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 #Javascript
JavaScript String.replace函数参数实例说明
Jun 06 #Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 #Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 #Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
Jun 06 #Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 #Javascript
原生js实现半透明遮罩层效果具体代码
Jun 06 #Javascript
You might like
php5.2.0内存管理改进
2007/01/22 PHP
UCenter Home二次开发指南
2009/05/28 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
印度服装购物网站:Limeroad
2018/09/26 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
params有什么用
2016/03/01 面试题
应届生新闻编辑求职信
2013/11/19 职场文书
应届电子商务毕业自荐书范文
2014/02/11 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
书香校园建设方案
2014/05/02 职场文书
大学生就业求职信
2014/06/12 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
安全生产会议制度
2015/08/06 职场文书
python playwright 自动等待和断言详解
2021/11/27 Python