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

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

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

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

以下是資源文件示例

Messages.properties

# 多余的行會(huì)自動(dòng)忽略
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…]) 根據(jù)key取出對(duì)應(yīng)的value值
jQuery.i18n.browserLang() 用于獲取瀏覽器的語言信息

選項(xiàng)	描述	類型
name	資源文件的名稱，例如 strings 或 [strings1,strings2]，前者代表一個(gè)資源文件，后者代表資源文件數(shù)組。	String 或 String[]
path	資源文件所在目錄的路徑	String
language	ISO-639 指定的語言編碼（如：“en”表示英文、“zh”表示中文），或同時(shí)使用 ISO-639 指定的語言編碼和 ISO-3166 指定的國(guó)家編碼（如：“en_US”，“zh_CN”等）。如果不指定，則采用瀏覽器報(bào)告的語言編碼。	String
encoding	加載資源文件時(shí)使用的編碼。默認(rèn)為 UTF-8。	String

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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