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>