【支持全站转换】使用JS为网站加入简繁转换功能

11 月232014

作者：超级efly 发布：2014-11-23 08:38 分类：网络阅读：21,667

现在澳港台和内地的联系越来越紧密，当然我们的网站也需要同时兼备简体和繁体版本咯，今天「畅想资源」就来教大家如何纯代码使用JS对全站网页加入简繁转换功能（也就是会储存转换的COOKIE），让你的网页有更多的受众的同时，也显得更加国际化！

预览

点击前往预览页面

教学

提示：如果你的网站正在使用WordPress博客系统，你也可以选择使用「WordPress简繁转换插件」对网站加入简繁转换功能哦！另外如果你想对小部分内容进行转换，也可以使用AREFLY小工具中的「简繁转换」！

1、首先在你的网页 </body> 结束前引用简繁转换的文件，并根据注释对代码进行自定义设定

提示：当然你也可以将储存于本站伺服器上的JS文件上传到你的伺服器，并修改对应地址哦！

<script src="https://download.arefly.com/chinese_convert.js"></script>
<script>
var defaultEncoding = 1; // 预设语言：1-繁體中文 | 2-简体中文
var translateDelay = 0;
var cookieDomain = "https://www.arefly.com";	// 修改为你的博客地址
var msgToTraditionalChinese = "转换为繁体";	// 简转繁时所显示的文字
var msgToSimplifiedChinese = "转换为简体"; 	// 繁转简时所显示的文字
var translateButtonId = "translateLink";	// 「转换」<A>链接标签ID
translateInitilization();
</script>

var defaultEncoding = 1; // 预设语言：1-繁體中文 | 2-简体中文

var translateDelay = 0;

var cookieDomain = "https://www.arefly.com"; // 修改为你的博客地址

var msgToTraditionalChinese = "转换为繁体"; // 简转繁时所显示的文字

var msgToSimplifiedChinese = "转换为简体"; // 繁转简时所显示的文字

var translateButtonId = "translateLink"; // 「转换」<A>链接标签ID

translateInitilization();

</script>

2、然后在你想要添加转换按钮的地方加入一个 a 标签，并将其 ID 设定为上方的 translateButtonId ：

<a id="translateLink"></a>

1	<a id="translateLink"></a>

3、现在你的网站就可以自动显示转换按钮，并且进行简繁转换啦！（点击前往预览页面）

参考

[教学]利用JS实现网页简繁转换功能

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/zh-hans/js-chinese-convert/

预览

教学

参考

觉得这篇文章有用吗？分享一下让更多人受益吧！

您可能还会对这些文章感兴趣！