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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
用js实现in_array的方法
Nov 05 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
javascript实现下雨效果
Mar 27 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
Jun 27 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
React中Ref 的使用方法详解
Apr 28 Javascript
JavaScript实现答题评分功能页面
Jun 24 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分页集合包括使用方法
2013/10/21 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
再论Javascript下字符串连接的性能
2011/03/05 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
JS轮播图实现简单代码
2021/02/19 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
浅析JavaScript 函数柯里化
2020/09/08 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
Python深入学习之特殊方法与多范式
2014/08/31 Python
Python装饰器decorator用法实例
2014/11/10 Python
Python中操作符重载用法分析
2016/04/29 Python
django url到views参数传递的实例
2019/07/19 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
python3实现绘制二维点图
2019/12/04 Python
英国天然保健品网站:Simply Supplements
2017/03/22 全球购物
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
应届大专生求职信
2014/06/26 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
elasticSearch-api的具体操作步骤讲解
2021/06/28 Java/Android