做中文繁体的网站可以通过js语言包去做简体到繁体的切换,不用像中文转英文怕用插件机翻让人摸不着头脑,下面介绍一下具体实现方法:
这里用的是Thinkphp框架
在通用控制器HomeController.class.php中 保存一个cookie 记录当前的语言,
<?php
function__construct(){
parent::__construct();
$zh_web_lang=array();
$lang=cookie('zh_web_lang');
//谁放在前面,谁为默认的显示。
if($lang=="jianti"){
$zh_web_lang['hreflang']="s";
$zh_web_lang['atuolang']="t";
$zh_web_lang['lang']="fanti";
$zh_web_lang['html']="简体中文";
}else{
$zh_web_lang['hreflang']="t";
$zh_web_lang['atuolang']="s";
$zh_web_lang['lang']="jianti";
$zh_web_lang['html']="繁體中文";
}
$this->assign('zh_web_lang',$zh_web_lang);//输出默认语言
}
2创建一个方法用于切换cookie
<?php
publicfunctiontrunlang(){
if(IS_POST){
$lang=cookie('zh_web_lang');
if($lang=="jianti"){
cookie('zh_web_lang','fanti');
}else{
cookie('zh_web_lang','jianti');
}
}else{
$this->redirect('Index/index');
}
}
3.在前端文件中用js去切换语言
<ahref="javascript:zh_lang('{$zh_web_lang.hreflang}');"id="zh_lang"
data-lang="{$zh_web_lang.lang}">{$zh_web_lang.html}
</a>
<scripttype="text/javascript"src="/Public/js/lang.js?v=2"></script>
<scripttype="text/javascript">
//简体繁體中文切换
functionzh_lang(go){
$.ajax({url:"{:U('Index/trunlang')}",
type:"POST",
cache:false,
success:function(){
vartran_a=$('#zh_lang');
if(tran_a.attr("data-lang")=="fanti"){
//转换成简体
tran_a.attr("href","javascript:zh_lang('t');");
tran_a.attr("data-lang",'jianti');
tran_a.html('繁體中文');
}else{
//转换成繁體
tran_a.attr("href","javascript:zh_lang('s');");
tran_a.attr("data-lang",'fanti');
tran_a.html('简体中文');
}
zh_tran(go);
}
});
}
window.onload=$(function(){
zh_tran("{$zh_web_lang.atuolang}");
});
</script>
上面的引入的js文件如下
https://github.com/Irrelon/jquery-lang-js
如果简体和繁体的切换标识需要分开的,可以把上面的a标签修改成下面的即可
<liclass="{:$zh_web_lang['atuolang']=='s'?'on':''}">
<a
<ifcondition="$zh_web_lang['atuolang']eq't'">href="javascript:zh_lang('{$zh_web_lang.hreflang}','j');"</if>
class="zh_lang"data-lang="{$zh_web_lang.lang}">{$Think.lang.Zh-cn}</a>
</li>
<liclass="{:$zh_web_lang['atuolang']=='t'?'on':''}">
<a
<ifcondition="$zh_web_lang['atuolang']eq's'">href="javascript:zh_lang('{$zh_web_lang.hreflang}','f');"</if>
class="zh_lang"data-lang="{$zh_web_lang.lang}">{$Think.lang.Tw-cn}</a>
</li>
这样就能实现全站文字简体转成繁体,缺点就是图上的文字要单独切成文字,不能做成和图片一体的,还有就是个别文字会出现没有转译,还是简体的情况,但是作为同种同源的字体大部分人还是能看懂。优点就是不用做两个后台对资料进行两次输入还是比较方便的,不像中文转译英文,后台录入比用插件好,最起码意思不会乱,搞得别人看不懂。
1.下面是简体的效果:
2.点击切换效果:
切换页面依然保持着繁体效果,以前介绍过通过谷歌插件中文切换英文也是通过js实现的,每次切换页面都收从中文变成英文体验不好。还有一种通过接口去翻译后台输出的每一句文字,可以解决这个问题,比较麻烦。
网页名称:PHP通过js做简体和繁体切换
分享路径:/news38/239738.html
成都网站建设公司_创新互联,为您提供App设计、网站排名、建站公司、网站维护、品牌网站设计、网站改版
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联