ホームページ > ウェブフロントエンド > jsチュートリアル > IFrame_javascript スキルの高さを自動的に設定する JavaScript の小さな例

IFrame_javascript スキルの高さを自動的に設定する JavaScript の小さな例

WBOY
リリース: 2016-05-16 17:32:25
オリジナル
1095 人が閲覧しました

コードをコピー コードは次のとおりです:

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";
} 他if (Sys.ie == '8.0') {
debugger;
pTar.height = pTar.Document.body.offsetHeight 15 "px";
pTar.width = pTar.Document.body.スクロール幅"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 (システム.safari) {
if (pTar.contentDocument.body.offsetHeight pTar.height = pTar.contentDocument.body.offsetHeight 10;
} else {
pTar .height = pTar.contentDocument.body.offsetHeight;
}
pTar.width = pTar.contentDocument.body.scrollWidth;
}
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート