基于JavaScript实现快速转换文本语言（繁体中文和简体中文）(基于javascript的毕业设计)

编辑：rootadmin

推荐整理分享基于JavaScript实现快速转换文本语言（繁体中文和简体中文）(基于javascript的毕业设计)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js基于什么,基于JAVASCRIPT实现的可视化工具是,基于JAVASCRIPT实现的可视化工具是,javascript运用,基于JAVASCRIPT实现的可视化工具是,基于javascript的毕业设计选题,基于javascript的毕业设计,基于JAVASCRIPT实现的可视化工具是,内容如对您有帮助，希望把文章链接给更多的朋友！

一般商业网站都有一个语言的需求，就是为了照顾使用正体中文的国人，会特地提供一个切换到正体中文的选项（或曰“繁体中文”）。传统做法是在服务端完成的，即通过某些控件或者过滤器转换文本语言。这里笔者介绍一种简单可行的方法，不是在服务端而是利用前端的 JavaScript 就可以切换正体中文。如下图，我们把切换按钮放在页脚（当然你也可以放置在“导航”或者其他更醒目的位置）。

由于页面假设设定均使用 Unicode 字符集，于是一般不用考虑 GB/BIG5 字符集问题，伟大的 Unicode 字符集已经涵盖了繁体字的字符了（UTF-8 编码）。

怎么在页面调用这个功能呢？很简单，首先引入下面 Js（注意还依赖 Function.prototype.delegate()，下面会提及）：

基于JavaScript实现快速转换文本语言（繁体中文和简体中文）(基于javascript的毕业设计)

然后绑定按钮事件，我们简单地使用 onclick 绑定来全局函数 window.toChinese(el)、window.toSimpleChinese(el)。el 是按钮元素。

js 代码中比较长的两个字符串变量分别是简体中文和繁体中文，他们切换没有什么神奇之处，只是所有文本经过这些变量一一对应即可。当然这里只是常用的繁简对应，而且是机械的，有些特殊的翻译需要联系上下文的，这种高级转换不在此讨论之列。

首先我们看看变量函数 translate，执行它会通过递归遍历完整个 DOM（可以说比较笨的方法）

转换 DOM 内容，我们第一时间想到的可能是 el.innerHTML，但其实大可不必，而且递归的时候不太方便。不妨再想想看，我们其实只需要对文本转换即可，DOM API 能够判断文本节点（node.nodeType == 3），然后可读可写的 data 属性就是设置文本的（textNode.data)，由此我们就是完成到繁体的切换。节点其他属性 title、alt、value 也是同样原理。另外，if (("||BR|HR|TEXTAREA|".indexOf("|" + node.tagName + "|")) > 0)continue; 是排除某些节点的方法，其思路比较特别，可以多借鉴下。

至于 coverntFn 是一函数参数。通过根函数 translateText(text, isBig5) 新生成两个函数：var traditionalized = translateText.delegate(null, true), simplized = translateText.delegate(null, false);

Function.prototype.delegate() 方法如下。

繁简的转换基本如此了。值得一提的是，浏览器其实替我们识别语言环境的变量，主要是 navigator.userLanguage || navigator.language。这个变量在服务端也可以获取，头读取：Request.ServerVariables("http_accept_language")。