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实现动态增加文件域表单
Feb 12 Javascript
Js表格万条数据瞬间加载实现代码
Feb 20 Javascript
把jQuery的类、插件封装成seajs的模块的方法
Mar 12 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
Apr 10 Javascript
js css+html实现简单的日历
Jul 14 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
Mar 13 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 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不用正则采集速度探究总结
2008/03/24 PHP
可以保证单词完整性的PHP英文字符串截取代码分享
2014/07/15 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
js面向对象编程总结
2017/02/16 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
IE8中jQuery.load()加载页面不显示的原因
2018/11/15 jQuery
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python查找指定具有相同内容文件的方法
2015/06/28 Python
django之常用命令详解
2016/06/30 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
canvas绘制图片drawImage使用方法
2020/09/15 HTML / CSS
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
2014财务年终工作总结
2014/12/08 职场文书
2015政治思想表现评语
2015/03/25 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
四年级作文之植物
2019/09/20 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang
Python获取字典中某个key的value
2022/04/13 Python