在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. 函数和object

    普通函数 在javascript中,函数是一等公民,函数在javascript是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 一.函数调用形式 函数调用形式是最常见的形式,也是 ...

  2. nginx转发请求

    location / { proxy_redirect off; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_add ...

  3. 设置请求头解决浏览器同源问题,ajx跨域获取cookie问题

    思想: 添加过滤器 设置请求头 代码如下 import java.io.IOException; import javax.servlet.Filter; import javax.servlet.F ...

  4. new及placememt new 异同点

    new与定位new 区别如下: 简单概括: new 分配的内存地址空间来自于heap堆,用完需使用delete 释放内存 定位new 使用的不是heap堆内存,因此不需要使用delete 释放 定位n ...

  5. rsyslog传输type

    Rsyslog远程传输的几种方式 基本介绍 Rsyslog是一个syslogd的多线程增强版,rsyslog vs. syslog-ng 链接是rsyslog官方和syslog特性和性能上的一些对比, ...

  6. C# HTTP请求GET，POST

    转自原文 [C#]HTTP请求GET,POST HTTP定义了与服务器交互的不同方法,基本方法有GET,POST,PUT,DELETE,分别对于查,该,增,删.一般情况下我们只用到GET和POST,其 ...

  7. C# 在创建窗口句柄之前,不能在控件上调用 Invoke 或 BeginInvoke [问题点数：40分

    注意:  this.DateTimeRun = true;            new Thread(jishi_kernel).Start(); 线程的启动,不能放在    public Form ...

  8. Spring boot + Gradle + Eclipse打war包发布总结

    首先感谢两位博主的分享 http://lib.csdn.net/article/git/55444?knId=767 https://my.oschina.net/alexnine/blog/5406 ...

  9. .net Core 2.0使用NLog

    最近研究了一下NLog的使用方式,简单的入了一下门. 实现的功能,对于不同的日志,进行不同的记录,分别有系统运行日志,和个人在程序中写的异常日志.发布之后放在了IIS上.进行查看日志的信息 参考了两篇 ...

  10. 【jdbc】【c3p0】c3p0三种配置方式【整理】

    c3p0三种配置方式 c3p0的配置方式分为三种,分别是1.setters一个个地设置各个配置项2.类路径下提供一个c3p0.properties文件3.类路径下提供一个c3p0-config.xml ...