前台页面的国际化处理

来源：互联网发布：非线性最优化确定参数编辑：程序博客网时间：2024/05/01 14:18

下面我就以登录为例子。

 <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" onclick="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 namestring_password=Passwordstring_login=Login

项目目录结构

0 0