前两天接了一个需求,给了我一些HTML的文件,需要设计多语言的方案。自己写了一下,实现比较简单,关键是思路。
首先有多语言配置文件
英文(i18n_en.js):
中文(i18n_en.js):
多语言文件,我把关键给标红了,所有需要做多语言的都要标上class="i18n"和id,id的属性值由两部分组成,如下面的data-i18n_changePasswd由固定的data-i18n_和变化的changePasswd组成,changePasswd表示这个多语言在多语言库的key。
下面我解释下关键的方法getI18nMessage,我会用jquery去轮询所有class="i18n"的节点,找到这个节点对应id的属性值,拆解这个id,找到这个文本需要多语言的key,直接从多语言文件库替换就好了。
由于涉及到公司敏感信息,不方便把代码贴出来,如果大家有不明白的地方,欢迎留言。