html简单的国际化,i18n实现前端国际化(实例)

在今日的需求中需要利用 i18n 这个框架来实现前端的国家化操作，下图是实现效果：

点击选择框实现网页上语言的切换：

下面开始实现过程：

所需工具：

- jquery-3.3.1.js 下载地址：jquery

- jquery.i18n.properties.js jquery.i18n.properties.js

搭建项目目录如下：

其中：language.js 为自定义的 js 文件，用于实现页面逻辑，strings_en_US.properties

和 strings_en_ZH.properties文件为语言文件。

首先我们在 index.html 中写上一定的测试页面代码，如下所示：

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

国际化样例

中文

英文