web国际化jQuery.i18n.properties

第一步：引入资源文件

//jquery版本
    <script src="./js/jquery-1.7.2.min.js"></script> 
//query-i18n-properties
    <script src="https://cdn.jsdelivr.net/gh/jquery-i18n-properties/jquery-i18n-properties/jquery.i18n.properties.min.js"></script> |//
    
<script src="./js/lang.js"></script>

lang.js

function  loadProperties(){
    var i18nLanguage = 'en'; //当前语言
    $.i18n.properties({
        name:'string',//翻译文件的前缀
        path:'language/',
        //资源文件路径
        mode:'map',
        // 用Map的方式使用资源文件中的值
        language:i18nLanguage,
        callback:function(){
            $("[data-lang]").each(function(){
                $(this).html($.i18n.prop($(this).data("lang")));
            });
        }
    });
}


//页面调用翻译
$(function(){
  loadProperties();
})
 


//html样式
   <strong data-lang="title">标题</strong>
  <div data-lang="content"><div>

不同语言翻译文件.properties
文件内容

title = 测试标题
content =测试内容