基于jQuery的前端国际化方案

基于jQuery的一种简单的国际化方案，通过改变地址栏 local 的值即可切换语言，首先我们先来看看效果图:

使用

1. 需要国际化的标签class中必须包含 ‘ch-i18n’ 类名, 必须有data-i18nkey属性
2. 如果input有placeholder属性，则会对placeholder进行国际化显示
3. 如果input有value属性，则会对value进行国际化显示
4. 对于2,3这两种情况，一般input的type为 text,submit,button

i18n.js

(function () {
   
	var i18n = null ;
	var SELECTOR = ".ch-i18n";
	var ATTR = "data-i18nkey";				
	var LANGUAGE_ARRAY = ['zh-cn','en-us'];	
	var lang = LANGUAGE_ARRAY[0];
	var LOCAL = "local"; 					

	var CHI18n = {
   
		get : function (key , obj) {
   
			var text = i18n[key] ;
			if(obj) {
   
				for(k in obj) {
   
					text = text.replace(new RegExp("\\{\\{" + k + "\\}\\}", "g"), obj[k]);  
				}
			}
			return text ;
		}
	}

	// 我这里根据页面为单位，通过页面的唯一标识，去获取相应的国际化翻译
	function CHI18nFactory (pageName) {
   
		if(!pageName || pageName == "") throw new Error("参数不能为空");
		loadLanguage(pageName); 
		return CHI18n ;
	}

	/**
	 * 加载语言文件
	 */
	function loadLanguage (pageName) {
   
		
		var search = window.location.search.replace("?","");
		var param = search.split("&");

		var index = param.findIndex(function (item) {
    
			return item.indexOf(LOCAL) != -1 ;
		});

		if(index