`

使用jquery.i18n.properties.js实现js国际化

 
阅读更多
http://my.oschina.net/u/871551/blog/422799
js国际化的框架jquery.i18n.properties.js,用了一些还是比较方便的。

首先引入js文件,这个框架是依赖jquery的,所以jquery也要先引入,由于项目用了requireJs,所以在main文件里引入一下就可以了
require.config({
    baseUrl: contextPath + "/js",
    paths: {
        jquery: 'util/jquery-1.9.1',
        jqueryi18n: 'util/jquery.i18n.properties'
    },
    shim: {
        'jquery': {
            exports: '$'
        },
        'jqueryi18n': {
            deps: [ "jquery" ],
            exports: 'jqueryi18n'
        }
    }
});

其次在资源文件目录下建立一个文件夹放properties文件



由于系统可以手动切换语言,所以把语言设置写道cookie里面,
var setLanguageCookie = function (language) {
    var d = new Date();
    d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    document.cookie = "language=" + escape(language) + "; " + expires + "; path=/";
};

调用jquery.i18n.properties.js的$.i18n.properties()方法。如果cookie里有语言的设置就用cookie里的,如果没有就用浏览器的语言。
var lan = navigator.language || navigator.userLanguage;
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
    var temp = arrStr[i].split("=");
    if (temp[0] == 'language') {
        lan = unescape(temp[1]);
    }
}
$.i18n.properties({
    name: 'message',
    path: contextPath + '/i18n/',
    mode: 'map',
    language: lan
});

用Spring的记得把i18n这个资源目录加到配置文件里面
<mvc:resources mapping="/i18n/**" location="/resources/i18n/"/>

使用CookieLocaleResolver来读取cookie的值,配置一下cookieName
<bean id="localeResolver" class="org.springframework.web.servlet.i18n.CookieLocaleResolver">
    <property name="cookieName" value="language"/>
</bean>

在message_en.properties和message_zh.properties里面写入key:site.success
site.success=Success!
site.success=成功!

以上这些配置好了之后就可以使用了,调用$.i18n.prop(key)来显示不同语言的提示
alert($.i18n.prop('site.success'));

英文环境下:



中文环境下:
分享到:
评论

相关推荐

    jquery.i18n.properties.zip

    1. **下载与引用**:首先,你需要从可靠的源获取jquery.i18n.properties.js文件,将其放入项目的JavaScript文件夹下。确保在HTML或JSP页面中正确引入jQuery库和这个插件,通常是在`&lt;head&gt;`标签内使用`&lt;script&gt;`标签...

    基于jQuery.i18n.properties插件实现前端页面国际化demo

    前端页面的国际化(i18n)...总的来说,jQuery.i18n.properties插件为jQuery开发者提供了方便的前端页面国际化解决方案。通过正确配置资源文件和调用API,可以轻松实现多语言支持,提升用户体验,拓宽应用的全球市场。

     jquery.i18n.properties.js

    jquery.i18n.properties是一款轻量级的国际化插件,采用.properties文件来对javascript文件进行国际化,即根据用户指定的语言和国家编码来解析对应的以".properties"为后缀的文件。 jquery.i18n.properties的使用...

    jquery.i18n.properties.js.rar

    jquery.i18n.properties-min-1.0.9.js前端国际化文件,项目中用到的前端国际化文件。 $.i18n.properties( { name : 'web_i18n', // Resource name path : '/resources/i18n/', //Resource path cache : true, mode :...

    jquery.i18n.properties-1.0.9.js

    jquery.i18n.properties-1.0.9.js 下载

    jquery.i18n.properties-1.2.2.js (最新)

    jQuery.i18n.properties()、jQuery.i18n.prop()、jQuery.i18n.browserLang(),当然也可以采用.i18n.properties()、.i18n.properties()、.i18n.prop()、$.i18n.browserLang()的形式使用这些API。

    jquery.i18n.properties.min.js

    jquery.i18n.properties.min.js

    jquery.i18n.properties-min-1.0.9.js

    jquery.i18n.properties-min-1.0.9 主要用于国际化和读取properties文件

    jquery.i18n.properties-min-1.0.9.js文件下载

    《jQuery i18n Properties Minified 1.0.9.js:前端国际化的关键》 在Web开发领域,为了提供全球化的用户体验,前端国际化的功能是必不可少的。jQuery i18n Properties Minified 1.0.9.js,作为一款优秀的jQuery...

    在javascript文件中读取properties文件需要的插件jquery.i18n.properties-min-1.0.9.js

    在JavaScript环境中,与Java或服务器端语言不同,我们通常...总之,`jquery.i18n.properties`是一个实用的工具,它简化了JavaScript中处理多语言文本的过程,尤其对于需要在前端实现国际化功能的项目来说非常有价值。

    jquery.i18n.properties两个js文件打包

    `jquery.i18n.properties`是一个非常实用的jQuery插件,它专门用于在前端动态读取和使用`.properties`文件的内容,以实现国际化(i18n)功能。这篇文章将详细介绍这个插件的工作原理、使用方法及其相关知识点。 ...

    jquery.i18n.properties和jquery.easyui.min

    js使用i18n实现页面国际化 var webLanguage = ['zh-CN', 'en']; //获取网站语言 function getWebLanguage(){ //1.cookie是否存在 if (jQuery.cookie("userLanguage")) { i18nLanguage = jQuery.cookie(...

    jquery.i18n.properties在asp.net里的应用

    jQuery.i18n.properties 是一个用于 jQuery 的插件,它使得在 JavaScript 层面处理国际化(i18n)变得简单。在 ASP.NET 环境中,结合此插件可以实现动态加载和显示不同语言的资源,提高用户体验。 1. **jQuery.i18n...

    基于jQuery的国际化插件jQuery.i18n.zip

    jquery.i18n 是一个基于 jQuery 的轻量级的国际化(i18n)插件。支持根据设置默认语言支持切换语言支持使用json文件存储翻译内容可以根据用户自定义的不同语言版本的 json 文件,按需渲染网页上的语言,实现国际化。...

    基于jQuery.i18n.properties 实现资源国际化简单Demo 源码

    本文将深入探讨如何使用jQuery.i18n.properties库实现前端页面的资源国际化,并通过一个简单的Demo源码进行说明。 首先,我们要了解什么是jQuery.i18n.properties。这是一个jQuery插件,专门用于处理Web应用中的...

    jquery.i18n.properties-min-1.0.9

    《jQuery i18n.properties.min-1.0.9:前端JavaScript的国际化解决方案》 在Web开发中,尤其是在构建多语言应用时,实现界面的国际化(i18n)是必不可少的一环。jQuery i18n.properties.min-1.0.9是一个小巧而强大...

    jquery.i18n.properties-1.0.9.js.zip

    jquery i18n 1.0.9版本的库,希望对大家有帮助。

    jQuery.i18n.properties

    **jQuery.i18n.properties** 是一个用于前端页面国际化的jQuery插件,它使得Web应用能够根据用户所在的地区和语言,动态地展示相应的文本内容。这个插件是基于`jQuery`库设计的,目的是简化多语言环境下的网页开发,...

    jquery.i18n.properties国际化 例子

    jQuery.i18n.properties插件是jQuery的一个扩展,专门用于实现基于.properties文件的国际化。 本文将详细讲解jQuery.i18n.properties插件的使用方法,以及如何结合实际项目中的示例进行国际化设置。 首先,我们...

Global site tag (gtag.js) - Google Analytics