Javascriptだけで簡易にブラウザ言語ごとにHTMLコンテンツを切替

CSS，JSファイルは、適宜分ける。

<div id="ja-contents">
    ------ 日本語コンテンツ ------
</div>
<div id="en-contents">
    ------ 英語コンテンツ ------
</div>
<div id="zh-contents">
    ------ 中国語コンテンツ ------
</div>

<style>
#ja-contents,
#en-contents,
#zh-contents {
    display: none;
}
</style>

<script type="text/javascript" charset="utf-8">
var browserLanguage = function() {
    var ua = window.navigator.userAgent.toLowerCase();
    try {
        // chrome
        if( ua.indexOf( 'chrome' ) != -1 ){
            return ( navigator.languages[0] || navigator.browserLanguage || navigator.language || navigator.userLanguage).substr(0,2);
        }
        // それ以外
        else{
            return ( navigator.browserLanguage || navigator.language || navigator.userLanguage).substr(0,2);
        }
    }
    catch( e ) {
        return undefined;
    }
}
// 日本語
if( browserLanguage() == 'ja' ){
    document.getElementById("ja-contents").style.display="block";
}
// 英語
else if( browserLanguage() == 'en' ){
    document.getElementById("en-contents").style.display="block";
}
// 中国語
else if( browserLanguage() == 'zh' ){
    document.getElementById("zh-contents").style.display="block";
}
// その他
else{
    document.getElementById("ja-contents").style.display="block";
}
</script>