1

私はこれまで Javascript を使用したことがないので、少し混乱しています。私は HTML と C# についてある程度の知識を持っています。

とにかく...私はウェブサイトを構築していて、たとえばChrome、Internet Explorerなどの別のhtmlドキュメントを開くスクリプトを実行しようとしています。検出ごとに特定の html ドキュメント。使用しているブラウザの種類を検出するスクリプトを既に用意しています。

コード：

<script language="Javascript">

    var BrowserDetect = {
    init: function () {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
            || this.searchVersion(navigator.appVersion)
            || "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
        for (var i=0;i<data.length;i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },
    dataBrowser: [
        {
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
        },
        {   string: navigator.userAgent,
            subString: "OmniWeb",
            versionSearch: "OmniWeb/",
            identity: "OmniWeb"
        },
        {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari",
            versionSearch: "Version"
        },
        {
            prop: window.opera,
            identity: "Opera",
            versionSearch: "Version"
        },
        {
            string: navigator.vendor,
            subString: "iCab",
            identity: "iCab"
        },
        {
            string: navigator.vendor,
            subString: "KDE",
            identity: "Konqueror"
        },
        {
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
        },
        {
            string: navigator.vendor,
            subString: "Camino",
            identity: "Camino"
        },
        {       // for newer Netscapes (6+)
            string: navigator.userAgent,
            subString: "Netscape",
            identity: "Netscape"
        },
        {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Microsoft Internet Explorer"
            versionSearch: "MSIE"
        },
        {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
        },
        {       // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
        }
    ],
    dataOS : [
        {
            string: navigator.platform,
            subString: "Win",
            identity: "Windows"
        },
        {
            string: navigator.platform,
            subString: "Mac",
            identity: "Mac"
        },
        {
               string: navigator.userAgent,
               subString: "iPhone",
               identity: "iPhone/iPod"
        },
        {
            string: navigator.platform,
            subString: "Linux",
            identity: "Linux"
        }
    ]

};
BrowserDetect.init();
</script>
4

2 に答える 2

0

いくつかの方法があり、それぞれに長所と短所があります。
しかし、コメントしたように、ブラウザに基づいて「何かをする」のは良い習慣ではありません。

1. Ajax:
ajaxを 使用して、ブラウザに基づいて HTML コンテンツを動的にロードできます。

2. リダイレクト
 ブラウザに基づいて適切なページにリダイレクトします。

3. css を使用して適切なコンテンツを表示する 関連
 のない情報をすべて非表示にして (display:none / visibility:hidden を使用)、ブラウザに基づいて適切な情報を表示できます。

于 2012-12-08T23:08:58.117 に答える
0

jQuery.get() を使用できます。

$.get('test.html', function(data) {
    $('.result').html(data);
    alert('Load was performed.');
});

詳細については、http: //api.jquery.com/jQuery.get/を参照してください。

于 2012-12-08T23:04:44.627 に答える