2014年1月20日 | 14147 | 标签：

最近东方设计工作室网站逐步吸引了不少港澳台的繁体用户访客，尽管他们也能看懂简体，但是难免多少会有些障碍，于是考虑加一个js实现简繁转换的功能，众所周知因为简繁体之间字符是均等的，无需类似中英文那样要完全独立添加两个版本的内容到后台，简繁体可以直接用预置在js里边的繁体字来实现一键切换简繁体，并且存入浏览器cookie，实现下次用该浏览器访问此站点的时候，仍然会记住简繁体默认设置，从而达到自动识别访客属性的目的。

以上方式听起来很复杂，但实现起来还是不难的，类似的js网上一搜一大把，已经是一个非常成熟的方法了，闲话少说，言归正传，首先附上 tw_cn.js 的源代码下载如下：

[download id=”9424″]

记得将此js里边如下几行设置修改为你站点的设置：

var defaultEncoding = 2; // 1: 繁體中文, 2: 简体中文
var translateDelay = 0;
var cookieDomain = "https://www.eastdesign.net"; //更改为你的博客网址
var msgToTraditionalChinese = "繁體"; //此处可以更改为你想要显示的文字
var msgToSimplifiedChinese = "简体"; //同上，但两处均不建议更改
var translateButtonId = "translateLink";

然后在模板的footer.php里边

</body>

前加入以下代码：(此处以WordPress模板为例)

<!-- 简繁体转换 -->
<script src="<?php echo get_template_directory_uri(); ?>/js/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 0; //默认是否繁体，0-简体，1-繁体
var translateDelay = 0; //延迟时间，若不在网页最后运行，要设定延迟翻译时间，如100表示100ms
var cookieDomain = "https://www.eastdesign.net"; //Cookie地址，一定要设定，通常为你的网址
var msgToTraditionalChinese = "简->繁"; //默认切换为繁体时显示的中文字符
var msgToSimplifiedChinese = "繁->简"; //默认切换为简体时显示的中文字符
var translateButtonId = "translateLink"; //默认互换id
translateInitilization();
</script>

最后一步在需要加入简繁转换链接的位置输入以下代码即可：

<a id="translateLink" href="javascript:translatePage();">简-&gt;繁</a>

然后我们测试看看效果如下：