我正在开发一个项目,并使用HTML文件(而不是JSP或客户端的任何其他技术)。我使用JQuery编写脚本。我有表,列和许多带有“文本”的字段。如何使用JQuery将网页国际化?我的意思是我将加载文件_tr.extension,我的网页将是土耳其语,_swe.extension会是瑞典语等。
有任何想法吗?
编辑1:例如,我将编写如下代码:
<div>${name}</div>
<div>${surname}</div>
将会有一个类似_tr.properties的文件:
name = isim
surname = soyisim
将会有一个_swe.properties文件,如下所示:
name = namn
surname = efternamn
如果我更改导入的文件,则div中的文本每页将使用不同的语言。
编辑2:该功能对我来说足够了,我不需要更多,我需要一个快速,轻便的插件(也许从JSON馈送可能是附加的专业)。
最佳答案
我强烈建议Globalize作为翻译和格式化解决方案。
要翻译,您将使用类似于以下代码:
<script type="text/javascript" src="globalize.js"></script>
<script type="text/javascript" src="cultures/globalize.cultures.js"></script>
<script type="text/javascript">
Globalize.addCultureInfo( "tr", {
messages: {
"name" : "isim",
"surname" : "soyisim"
}
});
// Swedish language code is actually sv
Globalize.addCultureInfo( "sv", {
messages: {
"name" : "namn",
"surname" : "efternamn"
}
});
$(document).ready(function() {
// you need somehow know what language to use
// but it is out of scope of this answer
$( "name" ).val( Globalize.localize( "name", "tr" ) );
$( "surname" ).val( Globalize.localize( "surname", "tr" ) );
});
</script>
要使用此脚本,您需要按如下所示修改html:
<!-- DIV is just a container, P (paragraph) or SPAN
are more suitable for the job. Also this shows
neutral language texts.
Be sure to use unique IDs -->
<div><p id="name">name</p></div>
<div><p id="surname">surname</p></div>