國際化 i18n

時間 2019-11-11

標籤國際化 i18n 简体版

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.8.2.min.js"></script>
    <script src="jquery.cookie.js"></script>
    <script src="jquery.i18n.properties.min.js"></script>
    <script src="jquery.i18n.properties.js"></script>
</head>
<body>
<span style="font-family:Arial, Helvetica, sans-serif;">/**</span>
<input type="text" id="login" value="">
<input type="text" id="user" value="">
</body>
<script>
   /* 設置語言類型： 默認爲中文
    */
    var i18nLanguage = "en";

    /*
     設置一下網站支持的語言種類
     zh-CN(中文簡體)、en(英語)
     */
    var webLanguage = ['zh-CN', 'en'];

    //獲取網站語言
    function getWebLanguage(){
        //1.cookie是否存在
        debugger;
        if (jQuery.cookie("userLanguage")) {
            alert(jQuery.cookie("userLanguage"));
            i18nLanguage = jQuery.cookie("userLanguage");
            console.log("language cookie is "+i18nLanguage);
        } else {
            //2.1 獲取用戶設置的瀏覽器語言
            var navLanguage = chk_userlanguage();
            console.log("user set browser language is "+navLanguage);
            if (navLanguage) {
                // 判斷是否在網站支持語言數組裏
                var charSize = $.inArray(navLanguage, webLanguage);
                if (charSize > -1) {
                    i18nLanguage = navLanguage;
                    // 存到緩存中
                    jQuery.cookie("userLanguage ",navLanguage, {
                        expires : 7
                    });
                };
            } else{
                console.log("not navigator");
                return false;
            }
        }

    }


   //國際化easyui中英文包
   function changeEasyuiLanguage(languageName) {
       // when login in China the language=zh-CN
       var src =$.contextPath+"/plugings/jquery-easyui/locale/easyui-lang-"+languageName.replace('-','_')+".js";
       console.log(src);
       $.getScript(src);
   };

   /**
    * 執行頁面i18n方法
    * @return
    * @author LH
    */
   var execI18n = function() {
       //獲取網站語言(i18nLanguage,默認爲中文簡體)
       var str = location.href;

       var arr = str.split("/");

       delete arr[arr.length-1];

       var dir = arr.join("/");
       alert(dir+ i18nLanguage + "/");
       getWebLanguage();
       //國際化頁面
       jQuery.i18n.properties({
           name: "common", //資源文件名稱
           path: dir+ i18nLanguage + "/", //資源文件路徑
           mode: 'map', //用Map的方式使用資源文件中的值
           language: i18nLanguage,
           cache: false, //指定瀏覽器是否對資源文件進行緩存,默認false
           encoding: 'UTF-8', //加載資源文件時使用的編碼。默認爲 UTF-8。
           callback: function () {//加載成功後設置顯示內容
               //如下是將要國際化的文字內容
               //退出
               $("#login").val($.i18n.prop('login.userName'));
               //用戶
               $("#user").val($.i18n.prop('login.passWord'))
           }
       });
   }

   /*頁面執行加載執行*/
   $(function(){
       /*執行I18n翻譯*/
       execI18n();
       console.log("網站語言： "+i18nLanguage);
       //國際化easyui
       changeEasyuiLanguage(i18nLanguage);
   });

   var chk_userlanguage = function() {

       /* get browser default lang */
       if (navigator.userLanguage) {
           baseLang = navigator.userLanguage.substring(0,2).toLowerCase();
       } else {
           baseLang = navigator.language.substring(0,2).toLowerCase();
       }

       /* language match */
       switch(baseLang)
       {
           case "de":
               /* german */
               return 'German';
               break;
           case "en":
               /* english */
               return 'English';
               break;
           case "ja":
               /* japanese */
               return 'Japanese';
               break;
           case "zh":
               /* 中文 */
               return 'Chinese';
               break;
           default:
           /* default no match */
       }
   };

</script>
</html>

jquery.cookie.js(源碼地址：https://www.cnblogs.com/SongHuiJuan/p/8065289.html)html

i18n 下載（https://github.com/jquery-i18n-properties/jquery-i18n-properties）jquery

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。