怎么使用jquery.i18n.properties实现web前端国际化
这篇文章主要介绍怎么使用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 |
jquery是什么
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
以上是“怎么使用jquery.i18n.properties实现web前端国际化”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!