在ASP.NET中JavaScript的中英文（多语言）实现方案中简单的介绍了js实现多语言的一种方案。下面将要讲述另外一种方法，尽管很相似，但是有些地方也是需要细细琢磨的，不说了，先看看。

在Lang.html中代码如下：因为本文中用到了jquery所以要先加载jquery的js文件。另外再分别加载所需要的两个自定义js

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh">
<head>

    <meta http-equiv="content-type" content="text/html;charset=utf-8">

    <title></title>

    <script src="/common/jquery-1.8.2.min.js" type="text/javascript"> </script>

    <script src="/common/common.js"></script>

    <script src="/common/CommonGlobalVariables.js"></script>

</head>

<body>

    <a href="javascript: SetEn()" >En</a>

    <a href="javascript: SetZh()" >Cn</a>

    <a href="javascript:commonAlert()">common</a>

    <a href="javascript:globalAlert()">Global</a>

</body>

</html>

本文中的js多语言实现了两种格式的。

第一种：

先来看common.js

//动态加载js

function loadJavascriptInHead(file) {

    var head = $('head');

    $("<script></script>").attr({ src: file, type: 'text/javascript', id: 'loadscript' }).appendTo(head);

}

//comm init language

function InitPublicLanguageculture() {

    if (document.cookie.indexOf("en")>) {

        loadJavascriptInHead('/common/en-us.js');

        loadJavascriptInHead('/common/enGlobalVariables.js');

    }

    else{

        loadJavascriptInHead("/common/zh-cn.js");

        loadJavascriptInHead('/common/cnGlobalVariables.js');

    }

}

function commonAlert() {

    InitPublicLanguageculture();

    alert($.common.lang.User);

}

function SetEn() {

    document.cookie = "lg=en";

}

function SetZh() {

    document.cookie = "lg=cn";

}

common.js中定义了SetEn() SetZh()commonAlert()三个方法，分别对应了html文件中的超链接。

loadJavascriptInHead()是动态加载js的方法，具体详见JQuery动态加载js的三种方法。

在初始化语言是通过选择动态加载中英文两种语言的js对应分别如下：

en-us.js代码：

(function ($) {

    if (typeof ($.common) == 'undefined') {

        $.common = {};

    }

    $.common.lang = {

        User: "UserName",

        Pwd: "Password"

    }

})(jQuery);

zh-cn.js代码：

(function ($) {

    if (typeof ($.common) == 'undefined') {

        $.common = {};

    }

    $.common.lang = {

        User: "用户名",

        Pwd:"密码"

    }

})(jQuery);

第二种：

CommonGlobalVariables.js代码如下：

var tipmsg = {

    errmsg: "错误",

    successmsg:"正确"

}

$.Tipmsg = tipmsg;

function globalAlert() {

    InitPublicLanguageculture();

    alert(tipmsg.errmsg);

}

这里面是设置了全局变量$.Tipmsg。然后通过修改全局变量的值就可以实现中英文切换。

加载的中英文js代码如下：

cnGlobalVariables.js代码：

$.Tipmsg.errmsg = "错误全局变量";

$.Tipmsg.successmsg = "正确全局变量";

enGlobalVariables.js代码：

$.Tipmsg.errmsg = "Error";

$.Tipmsg.successmsg = "Right";

(二)ASP.NET中JavaScript的中英文（多语言）实现方案（二）的更多相关文章

  1. (一)ASP.NET中JavaScript的中英文（多语言）实现方案

    PS: https://github.com/hzlzh/Front-End-Standards/wiki/HTML-CSS-JS-i18n 本文原始思路起源于此网址,请自行查看. 本文只是简单的一个 ...

  2. asp.net中javascript与后台c#交互

    asp.net中javascript与后台c#交互 作者:熊猫大叔 字体:[增加 减小] 类型:转载 时间:2015-10-23我要评论,出处:http://www.jb51.net/article/ ...

  3. [转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

    热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI. ...

  4. 开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo（转）

    热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI. ...

  5. Asp.net中后台C#数组与前台Javascript数组交互

    摘自:http://blog.csdn.net/a6225301/article/details/20003305 在上一篇<asp.net中javascript与后台c#交互>中实现了前 ...

  6. 《剑指offer》— JavaScript（1）二维数组中的查找

    二维数组中的查找 题目描述 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数. ** ...

  7. 《剑指offer》 二维数组中的查找

    本题目是<剑指offer>中的题目 二维数组中的查找 题目: 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个 ...

  8. 【转载】Asp.Net中使用基于jQuery的javascript前台模版引擎JTemplate

    JTemplate是基于jQuery的开源的前端模版引擎,在Jtemplate模板中可以使用if判断.foreach循环.for循环等操作,使用Jtemplate模板优点在于ajax局部刷新界面时候不 ...

  9. ASP.NET中进行消息处理(MSMQ) 二(转)

          在我上一篇文章<ASP.NET中进行消息处理(MSMQ)一>里对MSMQ做了个通俗的介绍,最后以发送普通文本消息和复杂的对象消息为例介绍了消息队列的使用. 本文在此基础上继续介 ...

随机推荐

  1. 【CVE】CVE-2018-4304 Apple多个操作系统函数拒绝服务漏洞

    TextImpact: Processing a maliciously crafted text file may lead to adenial of serviceDescription: A ...

  2. 关于Trunk、Hybrid、Access、Tag、Untag、Pvid的关系

    一.相关定义 1.Trunk口  Trunk口上可以同时传送多个VLAN的包,一般用于交换机之间的链接. 2.Hybrid口 Hybrid口上可以同时传送多个VLAN的包,一般用于交换机之间的链接或交 ...

  3. Python Twisted系列教程17：造”回调”的另一种方法

    作者:dave@http://krondo.com/just-another-way-to-spell-callback/  译者: Cheng Luo 你可以从”第一部分 Twist理论基础“开始阅 ...

  4. 【转】C#命名规范

    原文地址:http://www.jb51.net/article/57163.htm 本文详细汇总了C#常用的命名规则.分享给大家供大家参考.具体如下: Pascal 规则每个单词开头的字母大写(如 ...

  5. PyCharm下载与安装

    进入PyCharm官网 1.点击下载Community 2.选择下载路径,点击“下载” 3.双击安装包,进行安装 4. 5.选择安装路径 6.根据实际情况选择32或64位 7. 8. 9.安装完成

  6. Installation failed with message Failed to finalize session : INSTALL_FAILED_INVALID_APK: Split lib_slice_8_apk was defined multiple times. It is possible that this issue is resolved by uninstalling a

    取消:Instant Run就行

  7. Oracle11gr2_ADG管理之switchover补充

    之前演示的switchver总是提示下面的错误,并且需要人工干预: Oracle11gr2_ADG管理之switchover实战 DGMGRL> switchover to snewtest; ...

  8. then()方法是异步执行

    then()方法是异步执行 就是当.then()前的方法执行完后再执行then()内部的程序 这样就避免了,数据没获取到等的问题

  9. Linux 如何杀死僵尸进程

    问题描述: shell > top top - :: up days, :, user, load average: 0.23, 0.81, 1.07 Tasks: total, running ...

  10. Linux服务管理 systemctl命令详解

    Linux服务器,服务管理--systemctl命令详解,设置开机自启动 syetemclt就是service和chkconfig这两个命令的整合     任务 旧指令 新指令 使某服务自动启动 ch ...