在web應用開發起初，用戶很希望看到將來系統的實際模型，一般我們都采用靜態的html來建立demo，讓用戶有一個實際的感觀。而我們的客戶是多樣化的，有可能有老外，如何讓我們的demo顯示不同的文字，而不需要修改每一張頁面。有興趣的朋友，將下列代碼（1張靜態頁面、3個js文件）拷下來一看就知道了。
1、multi_lang.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html國際化</title>
<script language="JavaScript" src="init.js"></script>
<!--script language="JavaScript" src="en.js"></script-->
<script language="JavaScript" src="zh-cn.js"></script>
<body onload="initbody()">
<table border="1">
<tr>
<td width="149" id='name1'>姓名：</td>
<td width="149"> </td>
</tr>
<tr>
<td id='age1'>年齡：</td>
<td> </td>
</tr>
<tr>
<td id='gender1'>性別：</td>
<td> </td>
</tr>
</table>
</body>
</html>
2、init.js
function initbody(){
var controller= new LanguageController();
name1.innerHTML=controller.language.titles["Name"];
age1.innerHTML=controller.language.titles["Age"];
gender1.innerHTML=controller.language.titles["Gender"];
}
3、en.js
function LanguageController() {
this.language = {
lang: "zh-cn",
buttons: {
"ok": "ok",
"cancel": "cancel"
},
titles: {
"Name": "name",
"Age": "age",
"Gender": "gender"
}
};
}
4、zh-cn.js
function LanguageController() {
this.language = {
lang: "zh-cn",
buttons: {
"ok": "確定",
"cancel": "取消"
},
titles: {
"Name": "姓名",
"Age": "年齡",
"Gender": "性別"
}
};
}
posted on 2006-03-08 21:24
野草 閱讀(3547)
評論(2) 編輯 收藏 所屬分類:
html/js