Kaiwii的专栏

/*Kaiwii 本地语言框架回调本方法*/function GetLanguageCodeCallBack(Jstring,ERROR){var i18File = $("script[name='i18']");if(i18File.length==0){//没有成功加载js文件var i18FileLink = "<script name='i18' src='../../js/i18.js'></script>";switch (Jstring){case "EN":i18FileLink = "<script name='i18' src='../../js/i18.js'></script>";break;case "CN":i18FileLink = "<script name='i18' src='../../js/i18_CN.js'></script>";break;}$("head").append(i18FileLink);}else{//成功加载js文件switch (Jstring){case "EN":$(i18File).attr("src","../../js/i18.js");break;case "CN":$(i18File).attr("src","../../js/i18_CN.js");break;}/*主动触发更新HTML*/updatei18Spans();}}

不同语言对应的JS文件(如i18.js):

1、使用JSON对象存储KEY-VALUE[不同语言版本的JS文件仅仅是VALUE不同(VALUE为对应语言版本中的值)];

2、HTML中的静态部分需要调用JS方法修改DOM对象的属性方式完成多语言动态化(通过调用updatei18spans()触发);动态部分直接调用即可;

/*用于国际化*/<pre name="code" class="javascript">/*Kaiwii*//*对应关系表(key为元素的ID,value为国际化下的显示内容*//*span 部分*/var spans = {"DemandDepositAccountTitle":"CCB Current Account"};//本地代码交互的部分var locale_vars = {"enquiryTitle":"Account Info Inquiry"};var i18placeholder = {"请输入单位名称或账号":"Organization’s Name/Account"," 开始日期":"Start Date"," 截止日期":"End Date"};function updatei18Spans(){ for(index in spans){ $("span[i18Id=’"+index+"’]").html(spans[index]); } for(index in i18placeholder){ $("input[placeholder=’"+index+"’]").attr("placeholder",i18placeholder[index]); }}$(function(){//加载显示内容方法 updatei18Spans(); });

调用多语言动态框架修改:

1、静态部分:

HTML上:

<span i18Id="DemandDepositAccountTitle"></span>

2、动态部分:

JS代码中:

,你看报表时,梅里雪山的金丝猴刚好爬上树尖。

Kaiwii的专栏

相关文章:

你感兴趣的文章:

标签云: