JQuery国际化实现

最新推荐文章于 2025-07-10 11:58:56 发布

原创最新推荐文章于 2025-07-10 11:58:56 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #angularJS #国际化

Web开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用jQuery的i18n插件实现Web应用程序的国际化。通过引入jQuery和插件库，创建不同语言的资源文件，然后设置语言并读取对应资源，最后获取和显示翻译后的字符串，达到在AngularJS框架下实现网页的多语言支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery国际化实现

1、插件
<script type="text/javascript" src="lib/jQuery/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery.i18n.properties-min-1.0.9.js"></script>

jquery.i18n.properties的简介请访问：
http://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/

2、资源文件
我的路径 /res/strings/
strings_zh.properties //中文
strings_en.properties //英文
strings_de.properties //德文
strings_other.properties //任意一国语言，针对海外本地化配置，只需要将该国的语言资源放入按照 app_clear=清除的形式放入
//strings_other.properties文件中，并在步骤3中设置_appscope.lang='other'，调用setLang()方法即可加载strings_other.properties的资源。
3、读取对应语言的资源文件
/** 设置语言 */
this.setLang=function() {
_appscope.resource = null;
// location.href="#init";
jQuery.i18n.properties({// 加载资浏览器语言对应的资源文件
name : 'strings', // 资源文件名称
language : _appscope.lang, // 默认为英文当改为zh_CN时页面显示中文语言
path : 'res/strings/', // 资源文件路径
mode : 'map', // 用 Map 的方式使用资源文件中的值
callback : function() {// 加载成功后设置显示内容
_appscope.resource = $.i18n.map;
}
});
}

4、获得字符串
_appscope.clear=_appscope.resource.app_clear;

总结：本人是在angularjs框架中结合JQuery在国际化方面的便利来实现web网页的国际化。