详解使用jquery.i18n.properties 实现web前端国际化

 更新时间:2017年07月07日 15:09:34   作者:lyqhn2012  
本篇文章主要介绍了使用jquery.i18n.properties 实现web前端国际化,具有一定的参考价值,有兴趣的可以了解一下

jQuery.i18n.properties 是一款jQuery插件,jQuery.i18n.properties 根据浏览器使用的语言环境来解析资源文件,当然你也可以在使用中指定语言编码。

以下是资源文件示例

Messages.properties

# 多余的行会自动忽略
username = 成龙
age = 32

Messages_zh.properties

username = 成龙

Messages_zh_CN.properties

username = 成龙 {0}

jquery.i18n.properties 插件的使用方法

<head> 引入文件
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.i18n.properties-min.js"></script>

初始化插件

<script>
 jQuery.i18n.properties({
   name:'Messages', 
   path:'./',   // 资源文件所在路径
   mode:'both',  // key值加载模式
   language:'en', // 指定语言编码
   callback: function() {
     // 带占位符的使用方式
     $('#username').html(jQuery.i18n.prop('username', 'Chen'));
     // 没有占位符
     // $('#username').html(jQuery.i18n.prop('username'));
   }
 });
 </script>
<div id="username"></div>

jquery.i18n.properties API

  1. jQuery.i18n.prop(key,[var1,var2…]) 根据key取出对应的value值
  2. jQuery.i18n.browserLang() 用于获取浏览器的语言信息

选项 描述 类型
name 资源文件的名称,例如 strings 或 [strings1,strings2],前者代表一个资源文件,后者代表资源文件数组。 String 或 String[]
path 资源文件所在目录的路径 String
language ISO-639 指定的语言编码(如:“en”表示英文、“zh”表示中文),或同时使用 ISO-639 指定的语言编码和 ISO-3166 指定的国家编码(如:“en_US”,“zh_CN”等)。如果不指定,则采用浏览器报告的语言编码。 String
encoding 加载资源文件时使用的编码。默认为 UTF-8。 String

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS关键字static extern const使用示例详解

    iOS关键字static extern const使用示例详解

    这篇文章主要为大家介绍了iOS关键字static extern const使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • iPhone X官方文档的适配学习详解

    iPhone X官方文档的适配学习详解

    本篇文章主要介绍了iPhone X官方文档的适配学习详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Xcode清理缓存和垃圾文件的教程

    Xcode清理缓存和垃圾文件的教程

    下面小编就为大家分享一篇Xcode清理缓存和垃圾文件的教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • iOS生成图片数字字母验证效果

    iOS生成图片数字字母验证效果

    这篇文章主要为大家详细介绍了iOS生成图片数字字母验证效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • iOS UIImageView图片自动拉伸功能

    iOS UIImageView图片自动拉伸功能

    这篇文章主要介绍了iOS UIImageView图片自动拉伸功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • iOS 12适配以及问题小记

    iOS 12适配以及问题小记

    苹果官方在上个月推送了iOS12系统,作为一名开发者当然要紧跟更新技术,所以下面这篇文章主要给大家介绍了关于iOS 12适配以及一些问题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • iOS开发探索多线程GCD任务示例详解

    iOS开发探索多线程GCD任务示例详解

    这篇文章主要为大家介绍了iOS开发探索多线程GCD任务示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • iOS实现输入框跟随键盘自动上移的实例代码

    iOS实现输入框跟随键盘自动上移的实例代码

    本篇文章主要介绍了iOS实现输入框跟随键盘自动上移的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • iOS中NSObject的两种含义:类和协议详解

    iOS中NSObject的两种含义:类和协议详解

    这篇文章主要给大家介绍了关于iOS中NSObject的两种含义:类和协议的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • ios开发Flutter构建todo list应用

    ios开发Flutter构建todo list应用

    这篇文章主要为大家介绍了ios开发Flutter构建todo list应用实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论