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

最新推荐文章于 2024-08-08 08:02:34 发布

lyqhn2012

最新推荐文章于 2024-08-08 08:02:34 发布

阅读量1.1k

点赞数

分类专栏： web前端文章标签：国际化 jquery-i18n-properties

本文链接：https://blog.csdn.net/lyqhn2012/article/details/74668841

版权

web前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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