前臺頁面的國際化處理

下面我就以登錄爲例子。

 <script src="./login/login.js"></script>
<script type="text/javascript" src="./resources/lib/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./resources/lib/jquery.i18n.properties-1.0.9.js"></script>

  <form class="ui large form">

      <div class="column">
        <div class="ui form">
          <div class="field">

            <div class="ui left icon input">
              <input type="text" placeholder="Username" name="account" id="account">
              <i class="user icon"></i>
            </div>
          </div>
          <div class="field">
            <div class="ui left icon input">
              <input type="password" name="password" placeholder="password" id="pwd">
              <i class="lock icon"></i>
            </div>
          </div>
          <div class="ui  buttons">
            <button class="ui teal button" id = "login" value="login"></button>
            <div class="or"></div>
            <button class="ui button" id="register" value="register" οnclick="window.location='http://localhost:8080/webpages/signup.html';return false;"></button>
          </div>
        </div>
      </div>
    </form>

js部分代碼

$(document).ready(function() {
	/*var lang;
	var type=navigator.appName;
	if (type=="Netscape"){
	 lang = navigator.language;
	}
	else{
	 lang = navigator.userLanguage;
	}
	//取得瀏覽器語言的前兩個字母
	var language = lang.substr(0,2);*/
	loadProperties();
	
	
});

function loadProperties(){
	jQuery.i18n.properties({//加載資瀏覽器語言對應的資源文件
		name:'strings', //資源文件名稱
		path:'./resources/i18n/', //資源文件路徑
		mode:'map', //用Map的方式使用資源文件中的值
		callback: function() {//加載成功後設置顯示內容
			//用戶名
			$("#account").attr("placeholder",$.i18n.prop('string_username'));
			//密碼
			$("#pwd").attr("placeholder",$.i18n.prop('string_password'));
		    //登錄
			$('#login').html($.i18n.prop('string_login'));
			$('#login1').html($.i18n.prop('string_login'));
			//註冊
			$('#register').html($.i18n.prop('string_register'));
		}
	});
}

配置文件 strings_en.properties

string_username=User name
string_password=Password
string_login=Login

項目目錄結構