前端多語言實現

項目須要支持多語言,部分字符串是在前端resources文件夾中,而另外一部分則須要server端提供。因此分兩部分解決:javascript

1.前端前端

根據瀏覽器當前語言來動態加載相應的文件。java

<script type="text/javascript">
		var type = navigator.appName;
		if (type == "Netscape"){
			var lang = navigator.language;
		}else{
			var lang = navigator.userLanguage;
		};
		var lang = lang.substr(0, 2);
		if (lang == "zh"){
			document.write('<script type="text/javascript" src="./js/resources/string-zh.js"><\/script>');
		}else if (lang == "en"){
			document.write('<script type="text/javascript" src="./js/resources/string.js"><\/script>');
		}else if(lang == "fr"){
			document.write('<script type="text/javascript" src="./js/resources/string-fr.js"><\/script>');
		}else{
			alert("other");
		};
	</script>

2.後端json

server端則須要根據瀏覽器發送包中的accept-language來判斷當前瀏覽器語言類型,而後返回相應的json.後端

相關文章
相關標籤/搜索