`
qwex9iao
  • 浏览: 177085 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Javascript国际化的方案

    博客分类:
  • js
阅读更多
目前Ajax框架是层出不穷,而且功能变得越来越强大,从而使得Web页面发展为现在的三层结构之说:HTML + CSS + Script。在使用Javascript的时候涉及到其中一个国际化的问题。

Javascript中没有像Java那样拥有国际化的方案,但是可以使用一些技巧来达到目的。首先将在脚本中用到的文字全部保存到每个语种的文件中,比如简体中文zh_CN.js、英文en.js等等,然后使用动态语言判断客户端浏览器或Cookies的语言来决定加载对应语种的js文件,这样就实现了国际化的效果。

但是对于保存文本的变量而言有不同的形式,可以每个文本指定一个变量,也可以将所有的变量保存到一个或几个数组中。我发现ExtJS框架是采用通过覆盖对应模块的类属性来实现不同模块中文本的多语种显示。下面我就举例来说明这种方式:

/* base.js */
 
if (javatang== null) var javatang= {};
 
if (javatang.lang == null) javatang.lang = new function(){
    this.sampleText= "This is sample text";
    // 设置下面的属性 ...
};
 
/* zh_CN.js */
this.sampleText = "例子";

在HTML页面中调用方式如下:

<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gbk" >
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<title> Title </title>
<script type="text/javascript" src="base.js"></script>
<script type="text/javascript" src="zh_CN.js"></script>
<script type="text/javascript">
// 下面开始在页面中调用
</script>
</head>
 
<body>
 
</body>
分享到:
评论

相关推荐

    Kiwi国际化全流程解决方案

    《Kiwi国际化全流程解决方案》 在当今全球化的背景下,软件产品的国际化和本地化已经成为不可或缺的环节,特别是对于JavaScript开发者来说,理解并掌握这一流程至关重要。本文将深入探讨Kiwi项目提供的国际化全流程...

    FBT是一个来自Facebook的JavaScript国际化框架强大又灵活而且简单直观

    FBT(Facebook Translation Bundle Tool)是Facebook开源的一个JavaScript国际化框架,它旨在简化Web应用的多语言支持过程。在深入理解FBT之前,我们先要了解什么是国际化和本地化。国际化是指设计和实现软件,使其...

    Javascript/Vue/React/ReactNative的国际化解决方案

    JavaScript、Vue、React...总结起来,JavaScript、Vue、React和React Native都有成熟且灵活的国际化解决方案。开发者可以根据项目规模、性能需求以及团队熟悉度选择合适的工具,实现一健式的多语言切换,提升用户体验。

    js 国际化实现

    JavaScript(简称JS)国际化(i18n,国际化英文单词“internationalization”的缩写)是为网站或应用程序提供多语言支持的过程。这个过程涉及到将文本、日期、数字和其他文化特定的元素从源语言(通常是英语)转换成...

    基于Javascript的voerka-i18n一健国际化全流程解决方案设计源码

    voerka-i18n是一个基于Javascript开发的一键国际化全流程解决方案,包含654个文件,其中包括174个JavaScript文件、123个Markdown文件、117个TypeScript文件、103个JSON文件、35个PNG图片文件、17个Vue文件、13个HTML...

    小程序国际化方案 , The internationalizational (i18n) library for wechat miniprogram.zip

    小程序国际化方案 / The internationalizational (i18n) library for wechat miniprogram小程序-i18n微信小程序的国际化 (i18n) 方案。为小程序的双线程模型定制,使用 WXS 环境作为 WXML 国际化的运行时,很大程度...

    js文件中实现国际化

    JavaScript(简称JS)是网页开发中的重要脚本语言,它为开发者提供了丰富的功能,其中之一就是实现国际化(i18n...同时,随着前端技术的发展,现代库和框架提供了更强大、更灵活的解决方案,简化了国际化实现的复杂度。

    基于Java核心的gonsin_i18n跨平台语言国际化方案设计源码

    该方案是利用Java核心构建的gonsin_i18n跨平台国际化工具,源码包含142个文件,涵盖54个Java源代码文件、18个XML配置文件、11个PNG图像文件、10个JSON文件以及少量其他类型文件,适用于Java、TypeScript、C++、Shell...

    优化国际化文案的Babel插件

    在现代Web应用开发中,尤其是面向全球用户的项目,国际化(i18n)和本地化(l10n)是必不可少的部分。为了有效地管理和优化这一过程,开发者常常使用各种工具和库,其中Babel插件就是一个重要的解决方案。本文将深入...

    jquery国际化Demo

    jQuery i18n 插件是基于 jQuery 和 i18next 的,i18next 是一个强大的 JavaScript 国际化框架。通过结合这两个库,开发者可以创建支持多种语言的应用,无需大量重复的代码。这个插件的工作原理是将翻译文本存储在一...

    i18n国际化插件

    在本项目中,我们关注的是一个基于Eclipse、Tomcat和JavaScript开发的i18n国际化插件。这个插件的主要目标是提供一种简单有效的方式来实现在应用中轻松切换中英文界面。 首先,我们需要了解Eclipse,这是一个广泛...

    微软国际化中英文插件.zip

    总的来说,微软国际化中英文插件是一个利用JavaScript技术实现的、基于云服务的跨语言沟通工具,它结合了现代机器翻译的先进算法,以及Web技术的便利性,为全球用户提供了一个高效的翻译解决方案。无论是开发者在...

    前端 JQuery 网页国际化 中英繁切换的实现示例

    在前端开发中,实现网页的国际化是一个常见的需求,它允许网站根据用户所在的地区或语言设置显示相应的内容。在这个示例中,我们关注的是如何利用JQuery实现中英繁三种语言的切换。`JQuery`是一种广泛使用的...

    前端国际化JS

    在前端开发中,"国际化"(i18n)是一个重要的概念,它涉及到如何让应用程序适应不同的语言和文化环境。JavaScript作为前端的主要编程语言,自然也需要支持这一特性。本压缩包包含两个版本的i18n库:i18n-mini-1.0.9...

    i18next是浏览器或任何其他JavaScript环境例如nodejs的非常流行的国际化框架

    总的来说,i18next作为一款强大且灵活的JavaScript国际化框架,无论是在前端还是后端,都能为开发者提供高效、方便的多语言支持。通过深入理解和熟练运用其特性,我们可以构建出具有全球化视野的应用。

    js国际化、读取preperties文件信息

    JavaScript 国际化(i18n)是网站或应用程序为了支持不同地区和语言而进行的一种设计和开发方法。为了实现这一目标,开发者通常会使用特定的格式存储多语言资源,如`.properties`文件。这些文件包含了键值对,其中键...

    di18n:一种自动转换、基于配置的前端国际化方案

    自动转换、基于配置的前端国际化方案。 为什么存在 在前端国际化开发中,很多社区方案给我们带来了极大便利,但是仍有2个问题没有解决: 需要手工将代码中的主语言(比如中文)替换成国际化标记; 语言包应该是一种...

Global site tag (gtag.js) - Google Analytics