文档章节

javascript 页面中英文切换

xiuhong
 xiuhong
发布于 2015/09/01 11:29
字数 514
阅读 3324
收藏 3

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

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

方法二:就是相当于翻译一样,把每个需要切换的单独踢出来,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

© 著作权归作者所有

下一篇: 二维码的生成
xiuhong
粉丝 8
博文 22
码字总数 6464
作品 0
成都
程序员
私信 提问
加载中

评论(2)

xiuhong
xiuhong 博主

引用来自“阿狼仔”的评论

搞个语言列表,把英文的存一份,中文的寸一份要切换时,就换个变量名就行了呗
嗯,大概的思想是这样的
阿狼仔
搞个语言列表,把英文的存一份,中文的寸一份要切换时,就换个变量名就行了呗
JavaScript实现--中英语言切换功能

最近弄的项目是面向国际的,所以老总说要有语言切换功能.第一感觉好像不难吧 网上查了下,感觉实现方法就2种: 一:2个版本的HTML.至于怎么切换,方法也很多. 不过这种方法,除了笨,我实在不知道用...

L3ve
2014/07/04
625
2
js 中英文切换翻译的demo接口

js 提供一个能够 兼容PC 安卓和苹果 翻译的demo接口(要求点击ID元素触发中英文切换翻译的demo接口翻译页面内容。

崔先生
2018/07/25
0
0
vue3实战-- 结合element-ui和vant框架实现国际化多语言切换

有时我们在项目中会用到多个国家语言的切换,这时候我们就不能把内容写死了,而是借助工具实现语言的转换。 今天介绍的这个就是开源的 vue-i18n ,如何使用以及如何结合element-ui和vant-ui框...

槿畔
2018/11/16
0
0
ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

前言: 最新ASP.NET Aries升级到V5.2.0以上之后,之前的样式和多语言机制,有了重大的升级机制,这篇就简单介绍一下。 1、控制开关 在配置维护那里,新增了两个控制项: 2、如何添加主题 说明...

路过秋天
2018/09/19
0
0
Chrome开发者工具应对页面跳转页面点击事件等实用干货

1.如何解决页面跳转 打开Preserve log即可 禁用页面缓存在右边的disable cache 2.如何监听页面点击 重要的是举一反三,看不懂英文去翻译!Mouse鼠标,click点击,,,, 3.如何查看响应的Jso...

巅峰小学生
2018/05/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

目标检测中 yolo 的mAP是什么含义?

mAP定义及相关概念 P => precision,即 准确率 R => recall,即 召回率 PR曲线 = >即 以 precision 和 recall 作为 纵、横轴坐标 的二维曲线。一般来说,precision 和 recall 是 鱼与熊掌 的...

小松1
2分钟前
1
0
用jdk1.8的断言来做非空判断

Assert.notNull(user, "没有获得登录用户信息"); 看源码如下: public static void notNull(Object object, String message) { if (object == null) { throw new IllegalArgum......

architect刘源源
6分钟前
2
0
免费节假日api每一时间更新 2020年 部分节假日安排

根据国务院办公厅关于2020年部分节假日安排的通知国办发明电〔2019〕16号.免费节假日api每一时间更新 2020年 部分节假日安排 http://tool.bitefu.net/jiari/ 各省、自治区、直辖市人民政府,...

xiaogg
9分钟前
3
0
2018NOIP各省一等奖分数线

提高组 普及组

SamXIAO
18分钟前
5
0
常见的PPT时间轴怎么制作,这几种方法你要知道

在PPT当中,时间轴是一个非常重要的一个版块,很多PPT会用它来表示公司的发展历程和项目进度。但是对于PPT时间轴的制作很多人做法是一条直线上添几个点,标注出事件就完成了,可是这样也太过...

TeFuiro
24分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部