JS i18n实现,支持带参数的功能

本文介绍JS国际化的实现原理,包括动态加载资源文件、定义全局JSON对象JSLocale来存储国际化内容,以及通过getLocale函数处理带参数的国际化字符串。
[b]1.JS国际化的实现原理:[/b]
动态加载对应的JS的国际化资源文件(js_locale_en_US.js和js_locale_zh_CN.js)。
<script src="/javascripts/locales/js_locale_[color=blue]<%=lang%>[/color].js"></script>
其中[[color=blue]<%=lang%>[/color]]为动态取得的当前语言环境。

[b]2.资源文件说明(js_locale_zh_CN.js):[/b]

var JSLocale = {
hello: "你好"
helloParam: "第一个参数{{:first}},第二个参数{{:second}}."

end: "" // 结束符号,没有意义
}

资源文件就是创建了一个全局JSON对象JSLocale。
[color=red]在模板页调用资源内容[/color],只需要使用JSLocale.hello("hello"为对应的json对象的键值)即可调用对应的内容。

[b]3.带有参数的国际化内容的疑问:[/b]
在有些情况下我们会需要在国际化的内容中带有参数,例如在国际化分页工具栏的时候会有"当前是第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;
}

[color=red]在模板页调用带参数的国际化资源内容[/color],使用getLocale("helloParam",{first:value1,second:value2});
[color=darkblue]
[b]注:带参数的调用方式同时支持没有参数的调用,例如可以使用getLocale("hello");取得键值为"hello"的资源内容。[/b]
[/color]
[b]4.在资源文件中定义参数的方式[/b]
使用{{:param}}
其中param即对应的参数的key值,可以重复使用,没有前后顺序。
编号 文件名称 cwts-specs-001 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:名语术语 cwts-specs-002 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:概述 cwts-specs-003 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:物理信道和传输信道到物理信道的映射 cwts-specs-004 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:信道编码与复用 cwts-specs-005 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:扩频与调制 cwts-specs-006 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:物理层过程 cwts-specs-007 IMT-DS FDD(WCDMA)系统无线接口物理层技术规范:物理层测量 cwts-specs-008 IMT-DS FDD(WCDMA)系统无线接口层2技术规范:物理层向上层提供的服务 cwts-specs-009 IMT-DS FDD(WCDMA)系统无线接口层2技术规范:MAC协议 cwts-specs-010 IMT-DS FDD(WCDMA)系统无线接口层2技术规范:RLC协议 cwts-specs-011 IMT-DS FDD(WCDMA)系统无线接口层2技术规范:PDCP协议 cwts-specs-012 IMT-DS FDD(WCDMA)系统无线接口层2技术规范:BMC协议 cwts-specs-013 IMT-DS FDD(WCDMA)系统无线接口层3技术规范:RRC协议 cwts-specs-014 IMT-DS FDD(WCDMA)系统Iu接口技术规范:概述 cwts-specs-015 IMT-DS FDD(WCDMA)系统Iu接口技术规范:层1技术要求 cwts-specs-016 IMT-DS FDD(WCDMA)系统Iu接口技术规范:信令传输 cwts-specs-017 IMT-DS FDD(WCDMA)系统Iu接口技术规范:RANAP信令 cwts-specs-018 IMT-DS FDD(WCDMA)系统Iu接口技术规范:数据传输和传输信令 cwts-specs-019 IMT-DS FDD(WCDMA)系统Iu接口技术规范:用户平面协议 cwts-specs-020 IMT-DS FDD(WCDMA)系统Iub接口技术规范:概述 cwts-specs-021 IMT-DS FDD(WCDMA)系统Iub接口技术规范:层1技术要求 cwts-specs-022 IMT-DS FDD(WCDMA)系统Iub接口技术规范:信令传输 cwts-specs-023 IMT-DS FDD(WCDMA)系统Iub接口技术规范:NBAP信令 cwts-specs-024 IMT-DS FDD(WCDMA)系统Iub接口技术规范:用于CCH数据流的数据传输和传输信令 cwts-specs-025 IMT-DS FDD(WCDMA)系统Iub接口技术规范:用于CCH数据流的用户平面协议 cwts-specs-026 IMT-DS FDD(WCDMA)系统Iur接口技术规范:概述 cwts-specs-027 IMT-DS FDD(WCDMA)系统Iur接口技术规范:层1技术要求 cwts-specs-028 IMT-DS FDD(WCDMA)系统Iur接口技术规范:信令传输 cwts-specs-029 IMT-DS FDD(WCDMA)系统Iur接口技术规范:RNSAP信令 cwts-specs-030 IMT-DS FDD(WCDMA)系统Iur接口技术规范:用于CCH数据流的数据传输和传输信令 cwts-specs-031 IMT-DS FDD(WCDMA)系统Iur接口技术规范:用于CCH数据流的用户平面协议 cwts-specs-032 IMT-DS FDD(WCDMA)系统Iub/Iur接口技术规范:用于DCH数据流的数据传输和传输信令 cwts-specs-033 IMT-DS FDD(WCDMA)系统Iub/Iur接口技术规范:用于DCH数据流的用户平面协议 cwts-specs-034 TD-SCDMA系统无线接口物理层技术规范 cwts-specs-035 TD-SCDMA系统无线接口层2技术规范 cwts-specs-036 TD-SCDMA系统无线接口层3-RRC技术规范 cwts-specs-037 TD-SCDMA系统Iu接口技术规范 cwts-specs-038 TD-SCDMA系统Iub接口技术规范 cwts-specs-039 TD-SCDMA系统Iur接口技术规范 cwts-specs-040 TD-SCDMA系统基站设备无线收发特性技术规范 cwts-specs-041 TD-SCDMA系统用户终端设备无线收发特性技术规范 CWTS发布的研究报告列表 cwts-reports-001 IMT-DS FDD(WCDMA)系统连接模式下的层间过程(25.303)标准研究报告 cwts-reports-002 IMT-DS FDD(WCDMA)系统空闲模式下UE的流程和连接模式下小区重选流程(25.304)标准研究报告 cwts-reports-003 IMT-DS FDD(WCDMA)系统无线资源管理RRM研究报告 cwts-reports-004 IMT-DS FDD(WCDMA)系统无线资源管理RRM研究报告 cwts-reports-005 IMT-DS FDD(WCDMA)系统UE无线接入能力研究报告
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值