PS：

https://github.com/hzlzh/Front-End-Standards/wiki/HTML-CSS-JS-i18n

本文原始思路起源于此网址，请自行查看。

本文只是简单的一个多语言实现，在刷新时会体现。如果想要更加灵活的应用请自行研究，但是本文一定会对你有所帮助。

正文：

在有想法实现多语言之后，你的第一想法是什么？最简单的想法是一个HTML页面上两个按钮或者链接，然后点击中文就切换中文，点击英文就切换英文。本文的案例是使用两个文字链接，通过cookie实现中英文切换，使点击不同的链接在刷新页面时弹出对应语种的提示框。

所以，问题来了，你要先做什么。

如果没有任何思路，就先搭个框架吧，先写个HTML页面包含两个链接。

<!DOCTYPE html>

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

<head>

    <title></title>

</head>

<body>

    <a>中文</a>

    <a>English</a>

</body>

</html>

刚刚说了，本文是通过cookie来实现中英文切换的，那么我们就是需要读取cookie然后确定是哪种语言，然后显示相应的提示框。读取cookie，该段代码写在body中，也就是说当cookie读取到chinese时就调用相应的js文件，此处js后面再讲。你只需要知道是对应于该种语言的js即可。

<script>

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

            document.write("<script src='/js/cn.js'><\/script>");

        }

        else {

            document.write("<script src='/js/en.js'><\/script>");

        }

 </script>

好了，框架搭好了，然后呢，现在运行只能看见两个链接，点击，毫无反应。那，我们就是想要他点击有反应，所以此时在链接中需要加入href或者onclick等属性，让他能够使用。

<a href="javascript:SetChinese()">中文</a>

<a href="javascript:SetEnglish()">English</a>

这两个方法是干什么的，是客户端的方法，可是方法的实现呢?所以我们要实现这两个方法。在body中添加以下代码：

<script>

        function SetEnglish() {

            document.cookie = "language=english";

        }

        function SetChinese() {

            document.cookie = "language=chinese"

        }

</script>

上述代码是指在点击English时，将文档的cookie设置为"language=english"。

这下HTML页面大致写完了，别忘了，上述我们并没有解释js文件。

英语js脚本en.js对应：

var $lang = {

    "用户名": "Please Enter User Name",

    "密码": "Please Enter Password"

};

中文js脚本cn.js对应：

var $lang = {

    "用户名": "用户名",

    "此处用户名不能为空": "此处用户名不能为空"

};

大致解释为，js中存放key-value键值对，可通过key查找对应的value，那么怎么使用呢。此时运行文件并不能打到效果。

我们必须在HTML文件中获取该key：

在body中方法设置的script底部添加以下代码：

var userName = $lang["用户名"];

window.alert(userName);

第一句是在html中获取key，第二句就是通过对话框的形式，验证你的代码是否正确。

本次点击在下次刷新时起作用。

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

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

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

  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. 【转载】Asp.Net中使用基于jQuery的javascript前台模版引擎JTemplate

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

  7. ASP.NET 中整合JavaScript的技巧

    尽管ASP.NET提供了一个强壮的平台,但是开发者也不应忽视诸如JavaScript这样成熟的技术.在这篇文章中,Tony Patton将向您解释在Web开发中如何将JavaScript与ASP.NE ...

  8. ASP.NET中使用JavaScript实现图片自动水平滚动效果

    参照网上的资料,在ASP.NET中使用JavaScript实现图片自动水平滚动效果. 1.页面前台代码: <%@ Page Language="C#" AutoEventWi ...

  9. asp.net中的<%%> <%#%> <%=%>形式的详细用法 (转载)

    博客分类: ASP.NET   一. <%%>这种格式实际上就是和asp的用法一样的,只是asp中里面是vbscript或者javascript代码,而在asp.net中是.net平台下支 ...

随机推荐

  1. 如何在B2C电子商务网站后台添加CNZZ统计代码（转）

    CNZZ作为网站流量数据统计分析工具的一种,和百度统计工具类似,同样也是用于查看分析网站所有流量数据来源的一种站长工具,当然商家可根据自己的习惯在B2C电子商务网站后台添加相应的数据统计代码来管理您的 ...

  2. 使用BasicDataSource连接池连接oracle数据库报错ORA-12505

    先看连接池配置: <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" ...

  3. Zombie进程

    fork()的作用就是创建一个该进程下的子进程,在其exit 或 exec之前,和他共享代码,以一个父进程的身份,完成以下工作: 1.分配标识符pid和PCB. 2.让子进程复制父进程的环境. 3.给 ...

  4. gen_server的一些心得

    gen_server并不是我原来概念中的tcp_server或者udp_server的概念,只是一个纯粹的消息服务器,另外,附上它的一些回调函数的简单说明参考地址 http://hi.baidu.co ...

  5. BroadcastReceiver用法

    动态注册广播接收器 1.创建一个Receiver继承BroadcastReceiver,并重写onReceiver() 2.在Activity的OnCreate()中添加广播接收器想要接收的actio ...

  6. 加载Firefox 和 chrome 浏览器配置

    Firefox: Chrome:

  7. AngularJS：Http

    ylbtech-AngularJS:Http 1.返回顶部 1. AngularJS XMLHttpRequest $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据. 使 ...

  8. PL/SQL 训练03 --异常

    --程序员在开发的时候,经常天真的认为这个世界是完美的,用户如同自己般聪明,总能按照自己设想的方式--操作系统输入数据.但残酷的事实告诉我们,这是不可能的事情,用户总会跟我们相反的方式操作系统--于是 ...

  9. MySQL OSC(在线更改表结构)原理

    1 OSC介绍 在我们的数据库操作中,更改表结构是一个常见的操作,而当我们的表数据量非常大时,我们更改表结构的时间是非 常的长,并且在跟改期间,会生成一个互斥锁,阻塞对整个表的所有操作,这样,对于我们 ...

  10. ubuntu14.10下Qt5.4无法输入中文

    最近学习Qt,于是在ubuntu下安装了开发环境.我是从官网上下载安装的Qt5.4版本.安装后发现在开发过程中无法输入中文.于是在网上搜了搜.解决办法如下: 1.安装fcitx-frontend-qt ...