2018年1月6日 星期六

[JS]超簡單的網頁繁簡切換


在建置網站時,我們有會多語系的需求,尤其近來與中國大陸的商業頻繁,很多網站有繁簡轉換的需求。

而繁簡轉換較常見的做法有二種:

  1. 將網頁製作成「繁簡」兩種版本,再透過連結,讓網友來選擇。
    優點:可依兩岸用語不同,內容做特別設定,切換不受限於文字或圖片,且對於繁簡的SEO,較容易去做。
    缺點:成本提高,更新維護較麻煩。
  2. 透過JavaScript直接做轉換
    優點:快速、成本低
    缺點:無法針對特定用語做設定,由於網站只有一個語系的內容,所以繁簡的SEO較差,圖片的文字無法跟著切換
今天要介紹第二種方法的實作。

先來介紹工具:
 程式名稱:langConvert
原作者網站:http://www.i2113.com/
下載點:[官網][備用]
解壓縮密碼:http://www.i2113.com/
用法介紹:

1、在網頁引入js檔
 <script type="text/javascript" language="JavaScript" src="./langConvert.js"></script> 
2、在</body>之前加入下列程式碼
 <script> convertWholePageAtEnd(); </script> 
3、在要切換的地方,加入下方程式碼
 <a href=javascript:TSC("big5")> 繁体 </a> <a href=javascript:TSC("gb")> 简体 </a> 
就這樣簡單三個步驟,讓你的網頁輕鬆有繁簡轉換個功能。

0 意見: