JS i18n兑现,支持带参数的功能
JS i18n实现,支持带参数的功能
1.JS国际化的实现原理:
动态加载对应的JS的国际化资源文件(js_locale_en_US.js和js_locale_zh_CN.js)。
<script src="/javascripts/locales/js_locale_<%=lang%>.js"></script>
其中[<%=lang%>]为动态取得的当前语言环境。
2.资源文件说明(js_locale_zh_CN.js):
资源文件就是创建了一个全局JSON对象JSLocale。
在模板页调用资源内容,只需要使用JSLocale.hello("hello"为对应的json对象的键值)即可调用对应的内容。
3.带有参数的国际化内容的疑问:
在有些情况下我们会需要在国际化的内容中带有参数,例如在国际化分页工具栏的时候会有"当前是第n页"的内容,其中的n就是个参数。
针对带有参数的国际化内容添加了dynamicLocale.js。
在模板页调用带参数的国际化资源内容,使用getLocale("helloParam",{first:value1,second:value2});
注:带参数的调用方式同时支持没有参数的调用,例如可以使用getLocale("hello");取得键值为"hello"的资源内容。
4.在资源文件中定义参数的方式
使用{{:param}}
其中param即对应的参数的key值,可以重复使用,没有前后顺序。
1.JS国际化的实现原理:
动态加载对应的JS的国际化资源文件(js_locale_en_US.js和js_locale_zh_CN.js)。
<script src="/javascripts/locales/js_locale_<%=lang%>.js"></script>
其中[<%=lang%>]为动态取得的当前语言环境。
2.资源文件说明(js_locale_zh_CN.js):
var JSLocale = { hello: "你好" helloParam: "第一个参数{{:first}},第二个参数{{:second}}." end: "" // 结束符号,没有意义 }
资源文件就是创建了一个全局JSON对象JSLocale。
在模板页调用资源内容,只需要使用JSLocale.hello("hello"为对应的json对象的键值)即可调用对应的内容。
3.带有参数的国际化内容的疑问:
在有些情况下我们会需要在国际化的内容中带有参数,例如在国际化分页工具栏的时候会有"当前是第n页"的内容,其中的n就是个参数。
针对带有参数的国际化内容添加了dynamicLocale.js。
/* * 描述:动态取得本地资源文件内容 * * 参数: * key 对应的资源的key * params 对应资源中的参数对象(Hash) * * 返回:对应的资源内容 * * 用法: * getLocale("helloParam",{first:value1,second:value2}); */ function getJSLocale(key,params){ var result = ""; // 对应的资源的内容 var paramsObj = {}; // 参数对象 if(params) paramsObj = params; if(typeof(key) != 'undefined' && typeof(JSLocale) != 'undefined'){ // 根据key取得对应的资源内容,如果没有找到则返回key值 if(JSLocale[key] != undefined){ result = JSLocale[key]; }else{ result = key; } // 替换对应参数为value的值 var regExp = new RegExp(); //替换资源中参数的正则 for(var k in paramsObj){ regExp = eval("/{{:" + k + "}}/g"); result = result.replace(regExp,paramsObj[k]); } // 如果没有找到对应的资源则返回 "No Value" if(/{{:[a-zA-Z]+}}/.test(result)){ result = result.replace(/{{:[a-zA-Z]+}}/g, "No Value"); } } return result; }
在模板页调用带参数的国际化资源内容,使用getLocale("helloParam",{first:value1,second:value2});
注:带参数的调用方式同时支持没有参数的调用,例如可以使用getLocale("hello");取得键值为"hello"的资源内容。
4.在资源文件中定义参数的方式
使用{{:param}}
其中param即对应的参数的key值,可以重复使用,没有前后顺序。
1 楼
grandboy
2011-04-26
不错,一直在想这个事,但没有时间去研究,看到JqueryUI都实现得挺好的,正准备看看它的实现呢。项目一紧就更没有时间去弄这个东西了。