您好,登錄后才能下訂單哦!
這篇文章主要介紹怎么使用jquery.i18n.properties實現web前端國際化,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
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 |
jquery是一個簡潔而快速的JavaScript庫,它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器,并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件,是繼Prototype之后又一個優秀的JavaScript代碼庫,能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫,以便快速開發網站。
以上是“怎么使用jquery.i18n.properties實現web前端國際化”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。