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

最新推荐文章于 2024-07-11 16:50:01 发布

weixin_34111819

最新推荐文章于 2024-07-11 16:50:01 发布

阅读量126

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/jxlsomnus/p/4266911.html

版权

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") > 0) {
            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，第二句就是通过对话框的形式，验证你的代码是否正确。

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

转载于:https://www.cnblogs.com/jxlsomnus/p/4266911.html

weixin_34111819

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
(一)ASP.NET中JavaScript的中英文（多语言）实现方案

PS：https://github.com/hzlzh/Front-End-Standards/wiki/HTML-CSS-JS-i18n本文原始思路起源于此网址，请自行查看。本文只是简单的一个多语言实现，在刷新时会体现。如果想要更加灵活的应用请自行研究，但是本文一定会对你有所帮助。正文：在有想法实现多语言之后，你的第一想法是什么？最简单的想法是一个HTML页面上两个按...
复制链接

扫一扫