JQuery国际化语言

最新推荐文章于 2023-10-05 00:26:47 发布

雄安少爷

最新推荐文章于 2023-10-05 00:26:47 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JQuery国际化语言 jquery.i18n.properti

本文链接：https://blog.csdn.net/qq_33390789/article/details/78127073

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用JQuery的i18n插件实现国际化功能。通过配置文件，以map形式存储不同语言的字段，根据浏览器语言自动显示相应内容。同时，提供了手动判断当前语言的方法。

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

// 国际化
function loadProperties(){ 
	jQuery.i18n.properties({// 加载资浏览器语言对应的资源文件
		name:'stirngs', // 资源文件名称
		path:'resource/i18n/', // 资源文件路径
		mode:'map', // 用 Map 的方式使用资源文件中的值
		callback: function() {// 加载成功后设置显示内容
		  $('#i18n_zhppl').html($.i18n.prop('i18n_zhppl'));
		  $('#zhppl').attr("placeholder",$.i18n.prop('i18n_placeholder'));
		} 
	}); 
}

下面是配置文件，文件前缀要和上面代码中name字段相同，ja：日文，zh：中文。

stirngs_ja.properties

stirngs_zh-CN.properties

文件中用map形式存储要显示的字段

i18n_zhppl=商品カテゴリ
i18n_zhpdl=商品大分類
i18n_zhpxl=商品小分類

在页面引入jquery.i18n.properties-1.0.9.js 文件就可以了，浏览器换成不同的语言，页面就会对应显示了。

如果想自己判断当前语言，用下面的方法：

// 获取当前浏览器语言
function getLanguage() {
	var type = navigator.appName
	if (type == "Netscape") {
		var lang = navigator.language
	} else {
		var lang = navigator.userLanguage
	}
	//取得浏览器语言的前两个字母
	var lang = lang.substr(0,2);
	return lang;
}

// 获取当前语言环境
	var language = getLanguage();
	if (language == 'ja') {}