使用jquery.i18n.properties.js实现js国际化
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用jquery.i18n.properties.js实现js国际化,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1760字,纯文字阅读大概需要3分钟。
内容图文
前两天接到一个任务,把之前的做过的一个系统实现国际化,之前的系统用的是Spring框架,国际化还是比较简单的。但是有一些提示是写在js文件里面的,搜了一些,发现一个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‘));
英文环境下:
中文环境下:
原文:http://my.oschina.net/u/871551/blog/422799
内容总结
以上是互联网集市为您收集整理的使用jquery.i18n.properties.js实现js国际化全部内容,希望文章能够帮你解决使用jquery.i18n.properties.js实现js国际化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。