- 国际化为不同地区用户自动显示本地化文本或根据用户语言偏好本地化站点内容:如今大多数网络应用旨在提供丰富的用户体验,基于 JavaScript 的 UI 组件使用增加,需在基于 JavaScript 的富互联网应用(RIA)中支持国际化,介绍了一个很好的 jQuery 插件 jquery.i18n.properties.js,它使用.properties 文件将内容本地化到不同语言。
- 获取 jquery.i18n.properties.js:需下载该插件,它很轻量,文件大小约 17.4KB,可压缩至约 4.3KB,可从https://github.com/jquery-i18n-properties/jquery-i18n-properties下载,也可从http://code.google.com/p/jquery-i18n-properties/downloads/list获取压缩版本。
- 国际化演示:与所有 JavaScript 库一样,第一步是将 JavaScript 包含到 HTML 中,jquery.i18n.properties.js 是 jQuery 插件,需先在 HTML 中包含 jQuery 再包含该插件。
- 示例 HTML 代码:创建了一个包含下拉菜单让用户选择语言,以及显示根据所选语言本地化消息的示例 HTML,有两个消息元素 id 分别为"msg_welcome"和"msg_selLang"。
- 定义.properties 文件:该插件使用.properties 文件进行文本翻译,在演示中使用了"Messages.properties"和"Messages_es_ES.properties"等文件。
- 从.properties 加载本地化字符串:使用以下代码从.properties 文件加载资源包属性文件,可通过 map 或 JavaScript 变量/函数获取翻译后的文本,mode 设为"both",还可使用参数化消息,在属性文件中用"{0}"等表示参数,可在 Java 资源包中使用多个"{}"定义带多个参数的自定义消息。
- 最终输出:展示了默认页面和将下拉语言改为 es_ES 后的页面截图,说明插件的效果。
- jquery.i18n.properties.js 的优点:使用.properties 文件进行国际化,便于与程序其他部分共享;支持字符串参数化,可创建复杂多语言字符串;有使用 map 和 JavaScript 变量/函数获取翻译字符串的选项;插件轻量,基于 jQuery 可轻松与任何 HTML 配合使用。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。