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

Nov232014

作者：超级efly 发布：2014-11-23 08:38 分类：网络阅读：7,337 36条评论

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

本文章由“超级efly”于2014年11月23日发表于“网络”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：【支持全站轉換】使用JS爲網站加入簡繁轉換功能 | 畅想资源

关键字：HTML, JS, 簡繁, 簡繁轉換

[上一篇] HTML5之實用新屬性 srcset 簡介&教學

[下一篇] 微軟公布其已存在19年之久的IE遠程代碼超級漏洞

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

【支持全站轉換】使用JS爲網站加入簡繁轉換功能：目前有 36 条留言
访客以 24：12 大幅领先博主

评论载入中，请稍等……

18楼
亿网部落 ：

这篇文章不错回去我也试试

2015-03-05 下午5:20 [回复]
17楼
Era ：

这个以前玩过。

2014-11-30 下午3:08 [回复]
16楼
香港云主机 ：

你好！我这里有个独立ip主机3.8折的广告图推荐给你如何？如果可以的话，请加我QQ:2116461930

2014-11-24 下午5:03 [回复]
- 超級efly ：
  
  你好～請問你是不是想要購買本站的廣告位呢？
  
  2014-11-24 下午7:12 [回复]
15楼
我买得起 ：

博客不错。来学习了。也帮您添点人气。有空来我这边逛逛喔。
我买得起 | 高性价比网购推荐，更省钱！http://www.imaideqi.com/

2014-11-24 下午4:16 [回复]
14楼
陌小雨 ：

很不错！

2014-11-24 下午2:54 [回复]
13楼
望星湖畔 ：

博主代码高亮用的什么插件？？占资源吗？

2014-11-24 上午11:05 [回复]
12楼
诸神的黄昏 ：

除了部分生僻字,基本上中国大陆应该不存在阅读障碍了,我们初中就普及了繁体中文了,可选课

2014-11-23 下午10:37 [回复]
11楼
李明 ：

不错，我也为网站添加繁简中文切换功能了，谢谢分享！

2014-11-23 下午8:58 [回复]
10楼
wu1yi2fan ：

怎么说呢，好吧，我的第一反应是……Google的开放翻译挂件……

2014-11-23 下午3:42 [回复]
- 超級efly ：
  
  怎麼能看到JS就想到Google呢～
  
  2014-11-23 下午8:36 [回复]
9楼
路易大叔 ：

繁简体看起来也没什么障碍嘛

2014-11-23 下午2:21 [回复]
- 超級efly ：
  
  對於有些神人簡繁差距很大耶...只要去留言板看看就知道了...
  
  2014-11-23 下午8:36 [回复]
  - Richard Chau ：
    
    對於中國中部的人而言可能真的存在閱讀障礙，但是沿海地區還是沒有任何問題的。我雖然是廣東人，但是現在也改用 zh_TW 來撰寫網誌了。
    
    2019-02-15 下午4:47 [回复]
8楼
臭豆腐 ：

蠻好奇的，香港的教育體系是簡體語系還是繁體語系?
感覺世界上好像只剩下台灣是繁體教育體系，其他國家或地區都是簡體
新加坡馬來西亞等..

2014-11-23 下午2:15 [回复]
- 超級efly ：
  
  其實香港也是拿繁體教的哦～不過的確現在只有香港、澳門和台灣用繁體，其他全都用簡體了啊～
  
  2014-11-23 下午8:35 [回复]
  - Richard Chou ：
    
    香港有些學校好像使用英語授課。
    
    2019-02-15 下午4:50 [回复]
7楼
紫菜头博客 ：

换个链接如何

2014-11-23 下午12:57 [回复]
- 超級efly ：
  
  對不起...暫時不增加新鏈接哦...
  
  2014-11-23 下午8:38 [回复]
6楼
wwng ：

挺好的，已经使用！

2014-11-23 下午12:39 [回复]
- 超級efly ：
  
  看到咯！似乎很不錯耶！
  
  2014-11-23 下午8:34 [回复]
5楼
恋羽 ：

不做评价

2014-11-23 上午11:06 [回复]
- 超級efly ：
  
  這個功能不好麼？
  
  2014-11-23 下午7:09 [回复]
  - 恋羽 ：
    
    感觉用处没有想象中的大
    
    2014-11-23 下午9:11 [回复]
4楼
蓝色悠悠 ：

冬天穿裙子，美丽而冻人，简体大法好，何必臃肿像面包？回复@習近平主席

2014-11-23 上午9:28 [回复]
地板
習近平主席 ：

小夥子!這樣是不好的!我們要鼓勵全部人使用殘體中文，殘化中國文化！不能使用正統的正體中文了! 今天簽到啦！時間：上午9:12:22（使用Arefly評論框自動簽到）

2014-11-23 上午9:13 [回复]
- 超級efly ：
  
  接旨，GAUKAS大大！
  
  2014-11-23 下午7:00 [回复]
板凳
风漠兮 ：

你的评论终于快了···

2014-11-23 上午9:06 [回复]
- 超級efly ：
  
  我把評論時發送郵件給管理員這個設定給關閉掉就快好多咯～話說阿里雲連接Windows Domain的SMTP真慢啊...
  
  2014-11-23 上午9:11 [回复]
  - 风漠兮 ：
    
    直接用IP玩自己服务器的SMTP表示速度杠杠的
    
    2014-11-23 上午9:14 [回复]
    - 超級efly ：
      
      你們太厲害了...厲害的大神！
      
      2014-11-23 下午6:50 [回复]
沙发
皮蛋 ：

Sofa

2014-11-23 上午8:46 [回复]
- 超級efly ：
  
  速度真快
  
  2014-11-23 上午8:51 [回复]
  - 皮蛋 ：
    
    加了CDN我觉得更慢了你的站……
    
    2014-11-23 上午10:08 [回复]
    - 超級efly ：
      
      可是我的網站沒加CDN啊....
      
      2014-11-23 下午6:48 [回复]
      - 皮蛋 ：
        
        纳尼
        
        2014-11-23 下午9:48 [回复]