jQuery之前端国际化jQuery.i18n.properties

web开发作者:dayu日期:5天前点击:0
技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享技术分享.i18n.properties()、.i18n.prop()、$.i18n.browserLang()的形式使用这些API。

jQuery.i18n.properties(settings)

该方法加载资源文件,其中settings是配置加载选项的一系列键值对。各项配置项的具体描述如下:

选项 描述 类型 可选
name 资源文件的名称,例如strings或[strings1,strings2],前者代表一个资源文件,后者代表资源文件数组 string或string[]
path 资源文件所在路径 string
mode

加载模式:

“vars”表示以JavaScript变量或函数的形式使用资源文件中的Key

“map”表示以Map的方式使用资源文件中的Key

“both”表示以同时使用两种方式。如果资源文件中的Key包含JavaScript关键字,则只能采用“map”。默认值是“vars”。

string
language

ISO-639指定的语言编码(例如“en”表示英文,“zh”表示中文),或者同时使用ISO-639和ISO-3166编码(例如:“en_US”,“zh_CN”)。如果不指定,则采用浏览器报告的语言编码。

string
cache

指定浏览器是否对资源文件进行缓存,默认值为false

boolean
encoding

加载资源文件时使用的编码。默认值为UTF-8

string
callback

代码执行完成时运行的回调函数

function

技术分享
function loadProperties() {
            jQuery.i18n.properties({//加载资浏览器语言对应的资源文件
                name : ‘strings‘, //资源文件名称
                path : ‘/i18n/‘, //资源文件路径
                mode : ‘map‘, //用Map的方式使用资源文件中的值
                language : ‘zh‘,
                callback : function() {//加载成功后设置显示内容
                    $(‘.l-btn-text‘).each(function() {
                        $(this).text($.i18n.prop($(this).text()));
                    });
                }
            });
        }
技术分享

jQuery.i18n.prop(key)

该方法以map方式使用资源文件中的值,其中key指的是资源文件中的key。当key指定的值含有占位符时,可用使用jQuery.i18n.prop(key,val1,val2……)的形式,其中val1,val2……对点位符进行顺序替换。

jQuery.i18n.browserLang()

用于获取浏览器的语言信息。

使用的方式

项目组织结构

技术分享

在i18n目录下,strings.properties对应默认翻译,strings_zh.properties对应中文翻译。

strings.properties

技术分享

strings_zh.properties

技术分享

<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.i18n.properties-1.0.9.js"></script>

技术分享
 <divalt="复制代码" />

技术分享
<script type="text/javascript">
    $(function(){
        jQuery.i18n.properties({
            name : ‘strings‘, //资源文件名称
            path : ‘/i18n/‘, //资源文件路径
            mode : ‘map‘, //用Map的方式使用资源文件中的值
            language : ‘zh‘,
            callback : function() {//加载成功后设置显示内容
                $(‘#button-login‘).html($.i18n.prop(‘Login‘));
                $(‘#label-username‘).html($.i18n.prop(‘User Name‘));
                $(‘#label-password‘).html($.i18n.prop(‘Password‘));
            }
        });
    });
</script>
技术分享

下载地址:

https://code.google.com/p/jquery-i18n-properties/downloads/list

jQuery之前端国际化jQuery.i18n.properties

原文地址:http://www.cnblogs.com/zouhao/p/7242211.html


下一篇       上一篇