基于jQuery.i18n的web前端国际化

在介绍jQuery.i18n.properties之前，我们先来看看什么是国际化。国际化英语单词有：国际化，又称i18n，“I”是单词的首字母，“18”是“I”和“n”之间的字数，“n”代表单词的最后一个字母。在计算机领域，国际化是指设计能够适应各种地区和语言环境的软件的过程。

JQuery.i18n.properties是一个轻量级的JQuery国际化插件。类似于Java中的资源文件，jQuery.i18n.properties通过使用。属性文件。jQuery.i18n.properties插件解析带有后缀“”的相应资源文件。属性”根据用户指定的语言(或由浏览器提供)和国家代码(符合ISO-639和ISO-3166标准)。

使用资源文件进行国际化是一种流行的方式。例如，安卓应用程序可以通过使用以语言和国家代码命名的资源文件来国际化。jQuery.i18n.properties插件中的资源文件采用”。属性”作为后缀，并包含与区域相关的键值对。我们知道，Java程序也可以使用带后缀的资源文件。属性来实现国际化。因此，当我们想要在Java程序和前端JavaScript程序之间共享资源文件时，这种方法特别有用。jQuery.i18n.properties插件首先加载默认的资源文件(例如strings.properties)，然后加载特定语言环境的资源文件(例如strings_zh.properties)，这样可以确保在没有提供某种语言的翻译时，默认值始终有效。开发人员可以将资源文件中的密钥用作JavaScript变量(或函数)或映射。

我们来介绍一下如何在项目中使用i18n。说明我和官网不一样。i18n的一些方法对我来说没什么用，但是只用了几个，找到了一个更适合我们项目的方法。

1.首先，创建一个资源文件：

locales/en-us/ns . JSP . js :

{“重置邮件”: {“电子邮件发送失败”:“发送电子邮件失败”，“电子邮件已发送到您的电子邮件地址。”}、“登录”: {“请输入用户名”:“请输入您的用户名”、“请输入用户名”:“请输入您的密码”}、“active regist”: {“thiuseremailhasused”:“电子邮件已被使用”、“thiusernamehasused”:“用户名已被使用”、“4到30 char”3360“请输入4到30个字符”、“1到50Char” 输入enterEmailAddressLikeThis ' : '电子邮件地址格式'[emailprotected]'，'输入6到32个字符' : '请输入6到32个字符'，' name most 30个字符' : '名称不超过30个字符'，' QQTypeIsWrong ' : '不正确的QQ格式'，' phoneTypeNotCorrect ' : '不正确的移动格式'，' thisEmailHasRegistered ' : '电子邮件地址已注册'，' registerFail ' ，' twotimespwdisdifferent' : '您输入的密码不匹配。请再试一次。}}中文配置文件不写，格式一样，是以map模块的形式写的。

2.将i18njs引入jsp页面，初始化i18n。

脚本类型=' text/JAVAScript ' src=' http : js/jquery-1。7 .1 .量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : js/i18next。js /脚本类型=' text/JavaScript ' i18n。init({ LNG : ' $ { sessionscope。语言} ')，ns 3360 {命名空间：['/script 3.js引用

var email flag=false function check email(){ check(' email '，' email message ')；var email=$('#email ').attr(' value ')；如果(电子邮件！=空电子邮件！=' '){ if(电子邮件。长度50){ setDivInfo(' emaildiv '，i18n。t('活动注册表。至少50个字符地址')，1)；//请输入50字符内的邮箱地址} else { if(isEmail(email，$(' # email '))){ checkeeymailforserver(email)；} else { setDivInfo('emaildiv '，i18n。t(' activeregist。enteremailaddleslikethis ')，1)；//请输入邮箱地址，格式为[emailprotected] } } } } 4 .测试

参考：

http://i18next.com/