国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術(shù)文章
文章詳情頁

JS如何在不同平臺實現(xiàn)多語言方式

瀏覽:149日期:2024-04-30 10:04:08

應(yīng)用場景:

在不同移動平臺(IOS,Android)上,建立一套與HTML頁面通訊框架;主要業(yè)務(wù)邏輯使用HTML開發(fā);想支持多語言開發(fā)。

動機(jī):

通過主動發(fā)消息的方式,在頁面完成初始化前,獲取當(dāng)前語言選項,并且根據(jù)該語言選項,調(diào)用對應(yīng)的JS文件(每種語言對應(yīng)一個JS文件)解析頁面。

實現(xiàn)細(xì)節(jié):

向本地語言框架發(fā)請求獲取語言種類;

$(document).on('pageinit',function(){ /*Kaiwii 向本地代碼發(fā)請求獲取當(dāng)前語言種類*/ });

本地語言框架觸發(fā)回調(diào)函數(shù)(JS方法):根據(jù)語言選項,動態(tài)將對應(yīng)語言的JS文件嵌入HTML并且觸發(fā)其執(zhí)行;

/*Kaiwii 本地語言框架回調(diào)本方法*/ 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; } /*主動觸發(fā)更新HTML*/ updatei18Spans(); } }

不同語言對應(yīng)的JS文件(如i18.js):

1、使用JSON對象存儲KEY-VALUE[不同語言版本的JS文件僅僅是VALUE不同(VALUE為對應(yīng)語言版本中的值)];

2、HTML中的靜態(tài)部分需要調(diào)用JS方法修改DOM對象的屬性方式完成多語言動態(tài)化(通過調(diào)用updatei18spans()觸發(fā));動態(tài)部分直接調(diào)用即可;

/*用于國際化*/ <pre name='code' class='javascript'>/*Kaiwii*/

/*對應(yīng)關(guān)系表(key為元素的ID,value為國際化下的顯示內(nèi)容*//*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(){//加載顯示內(nèi)容方法 updatei18Spans(); });

調(diào)用多語言動態(tài)框架修改:

1、靜態(tài)部分:

HTML上:

<span i18Id='DemandDepositAccountTitle'></span>

2、動態(tài)部分:

JS代碼中:

liElement += '<span ACC_NO=’'+ACC_NO+'’ CshEx_Cd=’'+CshEx_Cd+'’ CcyCd=’'+CcyCd+'’ onclick=’renderBAL(this)’ class=’font14’ style=’color:#306ed2’>'+locale_vars.enquiryTitle+'</span>';

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 紫金县| 宜都市| 梁河县| 九龙城区| 博兴县| 开阳县| 沙河市| 崇文区| 新巴尔虎右旗| 石渠县| 砀山县| 游戏| 马龙县| 登封市| 涞源县| 德令哈市| 白河县| 布拖县| 昂仁县| 大英县| 尖扎县| 平度市| 贵阳市| 桂林市| 略阳县| 宕昌县| 汉阴县| 崇阳县| 广水市| 哈尔滨市| 章丘市| 调兵山市| 苏尼特左旗| 沾化县| 民和| 醴陵市| 兰溪市| 东光县| 本溪市| 南京市| 新沂市|