详解使用jquery.i18n.properties 实现web前端国际化
作者：lyqhn2012
本篇文章主要介绍了使用jquery.i18n.properties 实现web前端国际化，具有一定的参考价值，有兴趣的可以了解一下
jQuery.i18n.properties 是一款jQuery插件，jQuery.i18n.properties 根据浏览器使用的语言环境来解析资源文件，当然你也可以在使用中指定语言编码。
以下是资源文件示例
Messages.properties
# 多余的行会自动忽略 username = 成龙 age = 32
Messages_zh.properties
username = 成龙
Messages_zh_CN.properties
username = 成龙 {0}
jquery.i18n.properties 插件的使用方法
<head> 引入文件 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.i18n.properties-min.js"></script>
初始化插件
<script>
jQuery.i18n.properties({
name:'Messages',
path:'./', // 资源文件所在路径
mode:'both', // key值加载模式
language:'en', // 指定语言编码
callback: function() {
// 带占位符的使用方式
$('#username').html(jQuery.i18n.prop('username', 'Chen'));
// 没有占位符
// $('#username').html(jQuery.i18n.prop('username'));
}
});
</script>
<div id="username"></div>
jquery.i18n.properties API
- jQuery.i18n.prop(key,[var1,var2…]) 根据key取出对应的value值
- jQuery.i18n.browserLang() 用于获取浏览器的语言信息
| 选项 | 描述 | 类型 |
|---|---|---|
| name | 资源文件的名称，例如 strings 或 [strings1,strings2]，前者代表一个资源文件，后者代表资源文件数组。 | String 或 String[] |
| path | 资源文件所在目录的路径 | String |
| language | ISO-639 指定的语言编码（如：“en”表示英文、“zh”表示中文），或同时使用 ISO-639 指定的语言编码和 ISO-3166 指定的国家编码（如：“en_US”，“zh_CN”等）。如果不指定，则采用浏览器报告的语言编码。 | String |
| encoding | 加载资源文件时使用的编码。默认为 UTF-8。 | String |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。