詳解使用jquery.i18n.properties 實現web前端國際化

2020-07-26 02:45:45

字體：大中小

來源：轉載

供稿：網友

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