通过jquery 使用 i18n，实现多语言

最新推荐文章于 2025-03-02 16:33:07 发布

﹏゛Aeljinh陌琳

最新推荐文章于 2025-03-02 16:33:07 发布

阅读量4.7k

点赞数 2

分类专栏：多语言

本文链接：https://blog.csdn.net/qq_37541486/article/details/108535101

版权

本文介绍了如何通过jQuery的i18n插件结合.properties文件实现网页的多语言支持。首先需要引入jQuery库和jquery.i18n.properties.js文件，然后创建不同语言的properties配置文件。在HTML中，可以使用data-i18n属性进行多语言设置，如data-i18n-text、data-i18n-placeholder等。在JavaScript中，可以调用$.i18n.prop()方法获取对应的语言文本。提供了详细的代码示例。

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

jquery.i18n.properties.js 文件下载可查看
https://download.csdn.net/download/qq_37541486/12837911

结果预览

1.引入jquery
2.引入jquery.i18n.properties.js
3.创建common_zh.properties和common.properties文件
（如果使用 common.properties文件英文没反应，可以修改为common_en.properties）

##common_zh.properties
Contact = 联系我们
Contact1 = 注册问题，请查阅 <a>用户支持页面</a>.

##common.properties
Contact = Contact
Contact1 = For questions regarding user registration<br/> please see <a>our user page</a>.

html中的使用

data-i18n-text=“Contact” （普通标签的多语言写法）
data-i18n-placeholder=“Contact” ( 表单类的 placeholder的多语言写法)
data-i18n-text_call=“Contact1” (带标签的多语言写法)
data-i18n-value
data-i18n-title

js中的使用

$.i18n.prop(‘Contact1’)

代码示例

<!-- 通过 data-i18n-text="“为标签赋值 -->
<div id="timeType">
    <label class="itemLabel radio-inline"><input type="radio" name="Resolution" value="y"/> <span data-i18n-text="AnnualAvg"></span></label>
    <label class="itemLabel radio-inline"><input type="radio" name=

最低0.47元/天解锁文章