【支持全站轉換】使用JS爲網站加入簡繁轉換功能

11 月232014

作者：超級efly 發布：2014-11-23 08:38 分類：網絡閱讀：18,147

現在澳港台和內地的聯繫越來越緊密，當然我們的網站也需要同時兼備簡體和繁體版本咯，今天「暢想資源」就來教大家如何純代碼使用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-hant/js-chinese-convert/

預覽

教學

參考

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

您可能還會對這些文章感興趣！