编程 Javascript

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下通过的XMLHttpRequest发送请求的代码

Jun 28 Javascript

JS定时器实例

Apr 17 Javascript

jQuery过滤选择器:not()方法使用介绍

Apr 20 Javascript

分享Javascript实用方法二

Dec 13 Javascript

JSONObject使用方法详解

Dec 17 Javascript

js 连续赋值的简单实现

Jun 13 Javascript

jQuery回到顶部的代码

Jul 09 Javascript

js提示框替代系统alert,自动关闭alert对话框的实现方法

Nov 07 Javascript

十大热门的JavaScript框架和库

Mar 21 Javascript

JavaScript中附件预览功能实现详解（推荐）

Aug 15 Javascript

vue实现可视化可拖放的自定义表单的示例代码

Mar 20 Javascript

详解JavaScript中Arguments对象用途

Aug 30 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调用MySQL的存储过程的实现代码

2008/08/12 PHP

php 魔术函数使用说明

2010/02/21 PHP

php中smarty区域循环的方法

2015/06/11 PHP

详解thinkphp实现excel数据的导入导出（附完整案例）

2016/12/29 PHP

基于PHP-FPM进程池探秘

2017/10/17 PHP

laravel5.6中的外键约束示例

2019/10/23 PHP

laravel框架路由分组，中间件，命名空间，子域名，路由前缀实例分析

2020/02/18 PHP

document.all还是document.getElementsByName?

2006/07/21 Javascript

探寻Javascript执行效率问题

2014/11/12 Javascript

JavaScript中的变量定义与储存介绍

2014/12/31 Javascript

JavaScript实现带箭头标识的多级下拉菜单效果

2015/08/27 Javascript

jQuery中队列queue()函数的实例教程

2016/05/03 Javascript

用js实现博客打赏功能

2016/10/24 Javascript

jQuery实现键盘回车搜索功能

2017/07/25 jQuery

laravel5.4+vue+element简单搭建的示例代码

2017/08/29 Javascript

nginx+vue.js实现前后端分离的示例代码

2018/02/12 Javascript

微信小程序之自定义组件的实现代码（附源码）

2018/08/02 Javascript

vue解决一个方法同时发送多个请求的问题

2018/09/25 Javascript

JavaScript事件概念详解(区分静态注册和动态注册)

2021/02/05 Javascript

[00:59]PWL开团时刻DAY7——我在赶

2020/11/06 DOTA

Python列出一个文件夹及其子目录的所有文件

2016/06/30 Python

Python实现求数列和的方法示例

2018/01/12 Python

Python列表推导式与生成器表达式用法示例

2018/02/08 Python

Python函数装饰器原理与用法详解

2019/08/16 Python

Python使用sys.exc_info()方法获取异常信息

2020/07/23 Python

Python爬虫之App爬虫视频下载的实现

2020/12/08 Python

html5 worker 实例(二) 图片变换效果

2013/06/24 HTML / CSS

美国爆米花工厂：The Popcorn Factory

2019/09/14 全球购物

如何提高SQL Server的安全性

2016/07/25 面试题

员工生日活动方案

2014/08/24 职场文书

2014领导干部四风问题查摆思想汇报

2014/09/13 职场文书

广告设计专业毕业生自我鉴定

2014/09/27 职场文书

保密工作整改报告

2014/11/06 职场文书

2014年中班下学期工作总结

2014/12/11 职场文书

学会Python数据可视化必须尝试这7个库

2021/06/16 Python

springboot+WebMagic+MyBatis爬虫框架的使用

2021/08/07 Java/Android