詳解使用jquery.i18n.properties 實現(xiàn)web前端國際化

更新時間：2017年07月07日 15:09:34 作者：lyqhn2012

本篇文章主要介紹了使用jquery.i18n.properties 實現(xiàn)web前端國際化，具有一定的參考價值，有興趣的可以了解一下

jQuery.i18n.properties 是一款jQuery插件，jQuery.i18n.properties 根據瀏覽器使用的語言環(huán)境來解析資源文件，當然你也可以在使用中指定語言編碼。

以下是資源文件示例

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]，前者代表一個資源文件，后者代表資源文件數(shù)組。	String 或 String[]
path	資源文件所在目錄的路徑	String
language	ISO-639 指定的語言編碼（如：“en”表示英文、“zh”表示中文），或同時使用 ISO-639 指定的語言編碼和 ISO-3166 指定的國家編碼（如：“en_US”，“zh_CN”等）。如果不指定，則采用瀏覽器報告的語言編碼。	String
encoding	加載資源文件時使用的編碼。默認為 UTF-8。	String

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

iOS關鍵字static extern const使用示例詳解
這篇文章主要為大家介紹了iOS關鍵字static extern const使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
iPhone X官方文檔的適配學習詳解
本篇文章主要介紹了iPhone X官方文檔的適配學習詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
Xcode清理緩存和垃圾文件的教程
下面小編就為大家分享一篇Xcode清理緩存和垃圾文件的教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
iOS生成圖片數(shù)字字母驗證效果
這篇文章主要為大家詳細介紹了iOS生成圖片數(shù)字字母驗證效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11
iOS UIImageView圖片自動拉伸功能
這篇文章主要介紹了iOS UIImageView圖片自動拉伸功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
iOS 12適配以及問題小記
蘋果官方在上個月推送了iOS12系統(tǒng)，作為一名開發(fā)者當然要緊跟更新技術，所以下面這篇文章主要給大家介紹了關于iOS 12適配以及一些問題，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下
2018-07-07
iOS開發(fā)探索多線程GCD任務示例詳解
這篇文章主要為大家介紹了iOS開發(fā)探索多線程GCD任務示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
iOS實現(xiàn)輸入框跟隨鍵盤自動上移的實例代碼
本篇文章主要介紹了iOS實現(xiàn)輸入框跟隨鍵盤自動上移的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
iOS中NSObject的兩種含義：類和協(xié)議詳解
這篇文章主要給大家介紹了關于iOS中NSObject的兩種含義：類和協(xié)議的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2018-09-09
ios開發(fā)Flutter構建todo?list應用
這篇文章主要為大家介紹了ios開發(fā)Flutter構建todo?list應用實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09