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 相关文章推荐
5款Javascript颜色选择器
Oct 25 Javascript
js对象的比较
Feb 26 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
使用vue.js开发时一些注意事项
Apr 27 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
小程序云开发实现数据库异步操作同步化
May 18 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
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
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
JavaScript的面向对象(一)
2006/11/09 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
2015/03/24 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
2015/12/25 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
python cs架构实现简单文件传输
2020/03/20 Python
Python随机函数库random的使用方法详解
2019/08/21 Python
Python 如何批量更新已安装的库
2020/05/26 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
科颜氏加拿大官方网站: Kiehl’s加拿大
2016/08/16 全球购物
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
古汉语文学求职信范文
2014/03/16 职场文书
职务聘任书范文
2014/03/29 职场文书
餐饮投资计划书
2014/04/25 职场文书
论文指导教师评语
2014/04/28 职场文书
师范生求职自荐信
2014/06/14 职场文书
消防宣传口号
2014/06/16 职场文书
研究生导师推荐信
2015/03/25 职场文书
红白喜事主持词
2015/07/06 职场文书
通讯稿格式及范文
2015/07/22 职场文书
《假如》教学反思
2016/02/17 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL