纯js国际化(i18n)

3773 2025-06-25 07:58:36
i18n,是internationalization单词的简写,中间18个字符略去,简称i18n,意图就是实现国际化,方便产品在不同的场景下使用 目标:可以点击切换语言

i18n,是internationalization单词的简写,中间18个字符略去,简称i18n,意图就是实现国际化,方便产品在不同的场景下使用

目标:可以点击切换语言或者ChangeLanguage的按钮 来完成英语和中文的切换

效果图如下:

实现方案:https://github.com/jquery-i18n-properties/jquery-i18n-properties

实现过程:

步骤一:代码结构

步骤2:实现html文件

1

2

3

4

5 国际化

6

7

8

9

10

11

12

13

14

15

16

46

47

48

核心思路:

既然要做国际化,我们得准备在不同语言情况下的词汇

将中英文的一些词汇和描述消息 放在i18n的文件夹中的strings_en.properties和strings_zh.properties

那么如果是中文环境,就按照strings_zh.properties这个文件中的词汇描述来;否则按照英文的来

这样一来,不同语言环境就可以加载不同的词汇了,国际化完毕

代码打包放在百度云了,希望能帮到更多的人:

https://pan.baidu.com/s/1Dl6jup_Igw9QHj9N2EQsSg

【疾病科普】眼皮跳、脸上老是抽是怎么回事?|杨振宁:永恒的骄傲——纪念邓稼先