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 相关文章推荐
jQuery 获取对象 定位子对象
May 31 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
vue之数据交互实例代码
Jun 16 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
关于vue 结合原生js 解决echarts resize问题
Jul 26 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
那些年一起学习的PHP(三)
2012/03/22 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
PHP base64编码后解码乱码的解决办法
2014/06/19 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
javascript比较文档位置
2008/04/08 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
简单选项卡 js和jquery制作方法分享
2014/02/26 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
iframe如何动态创建及释放其所占内存
2014/09/03 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
[08:53]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS 选手采访
2021/03/11 DOTA
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
说一说Python logging
2016/04/15 Python
使用Python写CUDA程序的方法
2017/03/27 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
python实现飞行棋游戏
2020/02/05 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
拒绝黄毒毒宣传标语
2014/06/26 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
演讲稿之开卷有益
2019/08/07 职场文书