因为工作需要，最近研究了下网站语言国际化的问题，根据当前项目架构，寻求一种较好的解决方案。
首先总结下项目中语言切换实现方式大概有以下几种：

1，一种语言一套页面，如：index_CN.html，index_TN.html，index_EN.html
   根据用户当前使用语言来展示对应的页面。
   这种方式比较常用，也比较理想，性能不错，但是开发使用的时间就多，每个页面要多做几遍。

2，后台定义变量，根据当前语言返回对应语言信息
   这种方式不好使，麻烦，页面所有静态显示文本处都需要定义变量，从后台读取。
   后台变量的定义可以根据语言分不同的属性文件，如message_cn.properties，message_tn.properties，message_en.properties
   注：这种方式不适应处理页面静态文本，但是可以结合第1种方式，这里专门处理页面动态的信息提示。

3，js定义语言变量，全文替换，如：

    var dbi = document.body.innerHTML;

    var TOLAN = eval(LAN);

    for(var n=0;n<CN.length;n++){

        dbi=  dbi.replace(eval("/"+CN[n]+"/g"), TOLAN[n]);

    }

    document.body.innerHTML = dbi;

这种方式不推荐使用，处理性能低下，如果页面有事件绑定等内容，还会导致很多问题。

4，采用i18next页面层框架，js框架地址：http://i18next.com/；
   i18next的原理是根据标签里声明的变量，绑定语言资源文件内容，再呈现结果页面。

page source:

<!DOCTYPE html>

<html>

  <head>

    <script type="text/javascript" src="[PATH]/jquery.js"></script>

    <script type="text/javascript" src="[PATH]/i18next.js"></script>

  </head>

  <body>

    <ul class="nav">

      <li><a href="#" data-i18n="nav.home"></a></li>

      <li><a href="#" data-i18n="nav.page1"></a></li>

      <li><a href="#" data-i18n="nav.page2"></a></li>

    </ul>

  </body>

</html>

loaded resource file (locales/en/translation.json):

{

"app":

    {

        "name": "i18next"

    },

"nav":

    {

        "home": "Home",

        "page1": "Page One",

        "page2": "Page Two"

    }

}

javascript code:

i18n.init(function(err, t) {

  // translate nav

  $(".nav").i18n();

  // programatical access

  var appName = t("app.name");

});

i18next-页面层语言国际化js框架介绍的更多相关文章

  1. 借鉴一些关于js框架的东西

    八款Js框架介绍及比较,Dojo .Scriptaculous .Prototype .yui-ext .Jquery .Mochikit.mootools .moo.fx,componentartu ...

  2. Node.js 框架对比之 Express VS Koa

    背景 上图是一个典型的采用 Node.js 开发 web 应用的前后端结构,下面介绍一下 Node 服务层在其中的作用以及使用 Node.js 的一些优劣. Node 服务层作用: 请求代理 传统做法 ...

  3. 【入门篇】前端框架Vue.js知识介绍

    一.Vue.js介绍 1.什么是MVVM? MVVM(Model-View-ViewModel)是一种软件架构设计模式,它源于MVC(Model-View-Controller)模式,它是一种思想,一 ...

  4. golang学习笔记17 爬虫技术路线图，python，java，nodejs，go语言，scrapy主流框架介绍

    golang学习笔记17 爬虫技术路线图,python,java,nodejs,go语言,scrapy主流框架介绍 go语言爬虫框架:gocolly/colly,goquery,colly,chrom ...

  5. 面试简历书写、Flask框架介绍与快速使用、Flask演示登录页面、用户信息页面案例

    今日内容概要 面试简历编写 Flask框架介绍与安装 内容详细 1.面试简历编写 # 千万不要几个小时把简历凑出来 几天到一周 # 有没有面试机会,取决于简历写得怎么样 简历写好是第一步 # 投简历的 ...

  6. 自定义JSP标签实现语言国际化(类似struts text标签)，并同时支持图片、JS文件国际化

    源代码及样例下载地址: http://download.csdn.net/detail/u014569459/7169385 一.功能说明: 1. 支持语言国际化 2. 支持图片文件.JS文件国际化 ...

  7. 【FIORI系列】SAP OpenUI5 (SAPUI5) js框架简单介绍

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[FIORI系列]SAP OpenUI5 (SA ...

  8. 深入浅出node.js游戏服务器开发1——基础架构与框架介绍

    2013年04月19日 14:09:37 MJiao 阅读数:4614   深入浅出node.js游戏服务器开发1——基础架构与框架介绍   游戏服务器概述 没开发过游戏的人会觉得游戏服务器是很神秘的 ...

  9. vue第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法)

    第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法) #课程目标 了解 vue 框架的特点 掌握创建 vue 实例 掌握 data ...

随机推荐

  1. Data Struture 之 指针

    指针是C语言中广泛使用的一种数据类型. 运用指针编程是C语言最主要的风格之一.利用指针变量可以表示各种数据结构: 能很方便地使用数组和字符串:  并能象汇编语言一样处理内存地址,从而编出精练而高效的程 ...

  2. Blocks 推出矩阵公式。矩阵快速密

    Blocks 设涂到第I块时,颜色A,B都为偶数的数量为ai,一奇一偶的数量为bi,都为奇数为ci,  那么涂到第i+1快时有 a[i+1]=2*a[i]+b[i]+0*c[i]; b[i+1]=2* ...

  3. Linux分区有损坏修复

    如果Linux分区有损坏情况,启动有问题,不能正常进入文本或图形界面.那么一般会出现提示,需要输入Root密码登录后采用fsck -t ext3 -r /usr/local 修复 , /usr/loc ...

  4. Android动画主要包含补间动画（Tween）View Animation、帧动画（Frame）Drawable Animation、以及属性动画Property Animation

    程序运行效果图: Android动画主要包含补间动画(Tween)View Animation.帧动画(Frame)Drawable Animation.以及属性动画Property Animatio ...

  5. Socket 使用笔记与注意事项（一）

    SocketAsyncEventArgs 1.该参数可以重复使用. 2.SocketAsyncEventArgs 的事件执行触发之后可以使用. 3.SocketAsyncEventArgs 的事件还在 ...

  6. c# 将文本中的数据快速导入到数据库（200万左右的数据量）

    1.sql2008中 list表,只有一个字段 Lvalue 2.文本大约256万的数据量 3.测试结果:用时36秒! string connStr = @"Data Source=.\SQ ...

  7. CSDN中根据文章自动生成文章目录

    概述 CSDN中有根据文件内容中H标签在文章中自动生成文章目录,看起来比较专业,就想把它搬到自己的博客园中.类似下图 提取JS脚本 通过浏览器开发者工具(IE/Chrome)找到产生文章目录javas ...

  8. 【Shell脚本学习9】Shell替换：Shell变量替换，命令替换，转义字符

    如果表达式中包含特殊字符,Shell 将会进行替换.例如,在双引号中使用变量就是一种替换,转义字符也是一种替换. 举个例子: #!/bin/bash a=10 echo -e "Value ...

  9. vb.net详解MDI窗体操作方法

    MDI窗体可以避免打开窗体的时候被无数个子窗体困扰,我将为大家一一的介绍一下vb.net中MDI窗体的操作方法 一.如何创建MDI窗体? 1.创建mdi主窗体 新建建立一个默认空白的Windows应用 ...

  10. Oracle10GODP连接11G数据库，出现ORA - 1017用户名/口令无效; 登录被拒绝 的问题

    一.出现症状 1.使用sqlplus连接正常 2.C#使用10g的ODP.NET连接时,报上面的错误 二.原因 1.Oracle11G之前密码是不区分大小写的,从11G开始默认密码区分大小写 2.使用 ...