Javascript, 網頁設計

jQuery教學-依讀者來源自動切換網頁語系

梅干2009/07/09
梅問題-jQuery教學-依讀者來源自動切換語系
  最近好友維克腦吳,突然問梅干,有沒有辦法讓網頁依讀者的所在地,自動的切換網頁語系,不用讓讀者自已手動切換,原本以為這東西應該不難,於是就上網找了一些資料,發現到我的媽呀~幾乎都是將ip存到資料庫,再抓取讀者ip,並且作比對目前讀者,所處的地方再作切換,光看到梅干心都涼了一半。



  於是只好請教男丁老師,看有沒有比較簡單的方式,哈~真不虧是老師級,馬上就寫了一小隻小範例,來斷判讀者來源,其實這有點偷吃步,主要是抓讀者的瀏覽器來作判斷,其實這也沒錯,當你是繁體瀏覽器時,應該最熟悉語言就是繁中,所以梅干就用這範例作點加工,再搭配load事件,依讀者來源,自動載入該語系的html檔,所以這邊你必需先作好二份語系的html檔,當然此方法不限於只用於簡中與繁中,要多國語系也是ok的,那接下來就看梅干耍猴戲啦!
放在<head>.....</head>之間:
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
<!--
$(function(){
var lang = window.navigator.userLanguage || window.navigator.language ;
var relang=lang.toLowerCase();
switch (relang){
case "zh-cn":
$("#tbody").load("minwt_zh-cn.html");
break;

case "zh-tw":
$("#tbody").load("minwt_zh-tw.html");
break;

                default:
$("#tbody").load("minwt_zh-tw.html");
}
});
//-->
</script>

放在<body>.....</body>之間:
<div id="tbody"></div>

都放置好後,記得再分別作二頁html,一頁為繁體中文,另一頁為簡體中文,之後開啟這程式時,就會依讀者所使用的語系自動切換啦!真的很好玩也很簡單喔!
[範例下載] [範例預覽]
※範例解壓密碼:minwt.com
UAG軍規iPhone防摔殼