效果图:
点击按钮后
步骤:
1.构建中、英文语言包,将程序中的文本部分进行封装
在主目录下新建一个名为utils的文件夹用于存放供全局使用的语言包,在utils文件夹内新建两个js文件,分别为中文语言包和英文语言包,将所有文本格式的部分都放在里边。在js文件中定义变量,并进行模块化。
模块只有通过 module.exports 才能对外暴露接口,因此在模块化部分设置用于外部调用变量的接口:
var Chinese = {
content:"这是中文",
button:"change to English"
}
module.exports = { Content:Chinese }
Chinese是变量,是一切文本的封装,也可写多个变量以便调用。Content是外部使用Chinese时的接口。
2.在语言转换界面的js文件中引入语言包,并设置语言转换函数。
在js文件中用一个变量来表示语言包,并用require将语言包内容获取至该变量当中。
var chinese = require("../../utils/Chinses.js")
var english = require("../../utils/English.js")
设置语言状态变量,表示当前的语言状态:
lanuage:"中文"
将语言状态值赋值到语言包内容获取函数当中,语言包内容获取函数将根据当前的语言状态来选择调用的语言包。
onLoad: function (options) { var lastLanuage =