javascript 页面中英文切换

标签：

关于怎么切换，暂时发现三种方法。

方法一：可以直接写成两份，需要哪种就切换到哪种，但是这种改动一个功能，其他的也需要更换，加大了操作了

方法二：就是相当于翻译一样，把每个需要切换的单独踢出来，replace()替换。

方法三：跟第二个类似，也是把需要切换的踢出来，分成两个参数。。。

下面就是其中一个方法：

//file: lang.js

// ------------------------- begin of label list
//public
var _LANG_ui_label_login_username = [‘‘,‘用户名‘,‘UserName‘ ];
var _LANG_ui_label_login_password = [‘‘,‘密码‘,‘Password‘ ];
var _LANG_ui_span_current_position=[‘‘,‘位置：‘,‘Current Position: ‘];
var _LANG_ui_option_pub_unlimit=[‘‘,‘不限‘,‘ALL‘];
var _LANG_ui_option_pub_unlimit2=[‘‘,‘不限‘,‘ALL‘];
var _LANG_ui_option_pub_sc01=[‘‘,‘一号车厢‘,‘Carriage 1‘];
var _LANG_ui_option_pub_sc02=[‘‘,‘二号车厢‘,‘Carriage 2‘];
var _LANG_ui_option_pub_sc03=[‘‘,‘三号车厢‘,‘Carriage 3‘];
var _LANG_ui_option_pub_sc04=[‘‘,‘四号车厢‘,‘Carriage 4‘];
var _LANG_ui_option_pub_sc05=[‘‘,‘五号车厢‘,‘Carriage 5‘];
var _LANG_ui_option_pub_sc06=[‘‘,‘六号车厢‘,‘Carriage 6‘];
var _LANG_ui_option_pub_sc07=[‘‘,‘七号车厢‘,‘Carriage 7‘];
var _LANG_ui_option_pub_sc08=[‘‘,‘八号车厢‘,‘Carriage 8‘];
var _LANG_ui_option_pub_sc09=[‘‘,‘九号车厢‘,‘Carriage 9‘];
var _LANG_ui_option_pub_sc10=[‘‘,‘十号车厢‘,‘Carriage 10‘];
var _LANG_ui_option_pub_sc11=[‘‘,‘十一车厢‘,‘Carriage 11‘];
var _LANG_ui_option_pub_sc12=[‘‘,‘十二车厢‘,‘Carriage 12‘];
var _LANG_ui_option_pub_sc13=[‘‘,‘十三车厢‘,‘Carriage 13‘];
var _LANG_ui_option_pub_sc14=[‘‘,‘十四车厢‘,‘Carriage 14‘];
var _LANG_ui_option_pub_sc15=[‘‘,‘十五车厢‘,‘Carriage 15‘];
var _LANG_ui_option_pub_sc16=[‘‘,‘十六车厢‘,‘Carriage 16‘];

//for login.html
var _LANG_id_login_input_name = [‘‘,‘用户名‘,‘UserName‘];
var _LANG_id_login_input_pwd = [‘‘,‘******‘,‘******‘];
var _LANG_id_login_btn_login = [‘‘,‘登录系统‘,‘Login‘];

// for top.html
var _LANG_ui_span_top_home=[‘‘,‘主页‘,‘Home‘];
var _LANG_ui_span_top_user=[‘‘,‘用户管理‘,‘User Management‘];
var _LANG_ui_span_top_set=[‘‘,‘系统设置‘,‘System Setting‘];
var _LANG_ui_span_top_hello=[‘‘,‘你好 ,‘,‘Hello ,‘];
var _LANG_ui_em_top_admin=[‘‘,‘管理员 !‘,‘Admin !‘];
var _LANG_ui_span_top_exit=[‘‘,‘退出‘,‘Exit‘];

// ------------------------- end of label list

function CHANGE_LANG_TO(to_lang,target_page) {
// store into cookies
document.cookie = "LANG="+to_lang+";expires=‘Sun, 15 Jun 2042 03:04:05 GMT‘";
// reload page
if ("LOGIN" == target_page) {
window.open("login.html",‘_top‘)
} else {
window.open("index.html",‘_top‘)
}
} // end of CHANGE_LANG_TO

function UPDATE_UI_LABEL(label_id,ui_type) {
// get current lang
var current_lang = "1" ;// CHINESE
if (-1 != document.cookie.indexOf(‘LANG=EN‘)) {
current_lang = "2" ;// ENGLISH
} 
if (‘TITLE‘==ui_type) {
document.title = eval("_LANG_"+label_id+"["+current_lang+"]");
} else if(‘BUTTON‘==ui_type){
document.getElementById(label_id).value = eval("_LANG_"+label_id+"["+current_lang+"]");
} else if(‘RETURN‘==ui_type){
return eval("_LANG_"+label_id+"["+current_lang+"]");
} else{
var obj_target = document.getElementById(label_id);
if (null == obj_target) {alert(label_id);}
else { obj_target.innerHTML = eval("_LANG_"+label_id+"["+current_lang+"]"); }
}
} // end of UPDATE_UI_LABEL

具体方案也不是特别清楚，部分可参考：http://www.cnblogs.com/seasons1987/archive/2012/10/09/2716345.html

javascript 页面中英文切换

标签：

原文地址：http://my.oschina.net/xiuhong/blog/499985