1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. js
  6. jQuery教學-依讀者來源自動切換網頁語系

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

2009/07/09

梅問題-jQuery教學-依讀者來源自動切換語系

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

  於是只好請教男丁老師,看有沒有比較簡單的方式,哈~真不虧是老師級,馬上就寫了一小隻小範例,來斷判讀者來源,其實這有點偷吃步,主要是抓讀者的瀏覽器來作判斷,其實這也沒錯,當你是繁體瀏覽器時,應該最熟悉語言就是繁中,所以梅干就用這範例作點加工,再搭配load事件,依讀者來源,自動載入該語系的html檔,所以這邊你必需先作好二份語系的html檔,當然此方法不限於只用於簡中與繁中,要多國語系也是ok的,那接下來就看梅干耍猴戲啦!


放在<head>…..</head>之間:
<script type=“text/javascript” src=“//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