需要在web中实现多语言的切换,当用户语言切换完成后下次重新打开网页,也是上次设置的语言进行显示。
1、在用户点击切换语言后,把选择的语言版本保存在cookie中
//写入cookie函数
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//获取cookie
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
//setCookie('lan','hk'); 繁体中文
//setCookie('lan','cn'); 简体中文
//setCookie('lan','en'); 英文
2、在包含静态文本的标签中,添加一个属性:set-lan=”html:name” ,属性值中的html代表内容的位置,name代表要替换的文字的标识 。例如:
<span set-lan="html:name">名字</span>
<input type="text" value="名字" set-lan="val:name" />
这些就需要前端工程师在开发过程中添加进去,并且,要切换语言文字的外面都必须要有一个标签包裹,否则无法进行切换;
如:
<span set-lan="html:name"><i class="icon"></i>名字</span>
这样的代码,是无法把“名字”替换成“Name”的,会把“名字”前面的i标签也一起替换掉,如果不想把i标签也替换掉,就要在“名字”外面添加一个标签,改成:
<span><i class="icon"></i><lan set-lan="html:name">名字</lan></span>
3、定义3个语言的标识+内容的json字符串
var cn = {
"name" : "姓名",
"tel" : "电话",
"email" : "邮箱",
};
var hk = {
"name" : "姓名",
"tel" : "電話",
"email" : "郵箱",
};
var en = {
"name" : "Name",
"tel" : "Tel",
"email" : "Email",
};
4、遍历带set-lan属性的标签,进行文本替换
$('[set-lan]').each(function(){
var me = $(this);
var a = me.attr('set-lan').split(':');
var p = a[0]; //文字放置位置
var m = a[1]; //文字的标识
//用户选择语言后保存在cookie中,这里读取cookie中的语言版本
var lan = getCookie('lan');
//选取语言文字
switch(lan){
case 'cn':
var t = cn[m]; //这里cn[m]中的cn是上面定义的json字符串的变量名,m是json中的键,用此方式读取到json中的值
break;
case 'en':
var t = en[m];
break;
default:
var t = hk[m];
}
//如果所选语言的json中没有此内容就选取其他语言显示
if(t==undefined) t = cn[m];
if(t==undefined) t = en[m];
if(t==undefined) t = hk[m];
if(t==undefined) return true; //如果还是没有就跳出
//文字放置位置有(html,val等,可以自己添加)
switch(p){
case 'html':
me.html(t);
break;
case 'val':
case 'value':
me.val(t);
break;
default:
me.html(t);
}
});
5、以上是html中的文字替换,但是写在js中的文字怎么办? 可以定义一个函数,来读取
function get_lan(m)
{
//获取文字
var lan = getCookie('lan'); //语言版本
//选取语言文字
switch(lan){
case 'cn':
var t = cn[m];
break;
case 'hk':
var t = hk[m];
break;
default:
var t = en[m];
}
//如果所选语言的json中没有此内容就选取其他语言显示
if(t==undefined) t = cn[m];
if(t==undefined) t = en[m];
if(t==undefined) t = hk[m];
if(t==undefined) t = m; //如果还是没有就返回他的标识
return t;
}
那么在js中使用的文字就只要用此函数来读取就可以了 ,如
alert('姓名');
//改成
alert(get_lan('name'));
转载来源:ttps://blog.csdn.net/codercwm/article/details/60573583
在一些语言中,一些保留字可能并没有应用于当前的语法中,这就成了保留字与关键字的区别。一般出现这种情况可能是由于考虑扩展性。例如,Javascript有一些未来保留字,如abstract、double、goto等等。
JavaScript(通常缩写为JS)是一种高级的、解释型的编程语言;它是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程
avaScript 创始人,Brendan Eich如果你问我,过去5到10年里最成功的语言是哪一门?我会毫不犹豫地回答你,是JavaScript。从不久前的客户端JQuery脚本库到最近的服务器端开发的node.js库,在Web开发的各自领域它们都占据着主导地位
angular的国际化方案,采用ngx-translate来实现。我们希望可以在一个固定的文件里面配置对应的翻译文件,然后在每个用到的组件里面使用它,随意我们需要借助TranslateHttpLoader来加载翻译文件。
javascript和其它面向对象语言越来越像,自从javascript引入了class以后,语法和格式一些和其它面向对象的语言越来越像,比如java,C#等,使学习javascript的学习成本很低,用的人自然越来越多。其它的特性也会慢慢的引入javascritpt
目前一般公司的后台用的开发语言大概有以下几种:java,python,php,asp.net,c++,rubyon rails 等等。java优点:性能好,适合大中项目,跨平台,安全性高,稳定可靠,运行效率高(尤其是JIT的出现之后差距更大了),不容易犯错(强类型、预编译、必须拦截异常等等)
虽然 JavaScript 是目前最流行的技术,但它确实也是一种设计糟糕的语言。这就是现实。只有承认现实,我们才能开始解决这个问题。根据Stack Overflow 2018 年的调查 ,JS 是当前最流行的一项技术。我们这里有一个 宝贵视频 。
你想不想知道下一波令人兴奋无比的 JavaScript 特性?你甚至都不知道自己需要这些特性。现在,我要向你展示三个可能会改变你编写 JavaScript 代码方式的提案。这些提案中有很多方面仍未最终确定。
hreflang 属性的值用于确定备选网址的语言(以 ISO 6391-1 格式表示)和区域(以 ISO 3166-1 Alpha 2 格式表示且可选)。例如:de:德语内容,不限区域,en-GB:英语内容,面向英国用户,de-ES:德语内容,面向西班牙用户
Python 和 JavaScript 是两门非常有影响力的编程语言,二者都是我们在打造跨平台应用时会用到的主流语言。由于 Python 和 JavaScript 都是脚本语言,因此它们有很多共同的特性,都需要解释器来运行,都是动态类
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!