服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 详解使用jquery.i18n.properties 实现web前端国际化

详解使用jquery.i18n.properties 实现web前端国际化

2021-03-22 18:27lyqhn2012 JavaScript

本篇文章主要介绍了使用jquery.i18n.properties 实现web前端国际化,具有一定的参考价值,有兴趣的可以了解一下

jQuery.i18n.properties 是一款jQuery插件,jQuery.i18n.properties 根据浏览器使用的语言环境来解析资源文件,当然你也可以在使用中指定语言编码。

以下是资源文件示例

Messages.properties

?
1
2
3
# 多余的行会自动忽略
username = 成龙
age = 32

Messages_zh.properties

?
1
username = 成龙

Messages_zh_CN.properties

?
1
username = 成龙 {0}

jquery.i18n.properties 插件的使用方法

?
1
2
3
<head> 引入文件
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.i18n.properties-min.js"></script>

初始化插件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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>
?
1
<div id="username"></div>

jquery.i18n.properties API

  1. jQuery.i18n.prop(key,[var1,var2…]) 根据key取出对应的value值
  2. 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

 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:http://blog.csdn.net/lyqhn2012/article/details/74668841

延伸 · 阅读

精彩推荐