PHP通過js做簡體和繁體切換

2023-02-25    分類: 網(wǎng)站建設

做中文繁體的網(wǎng)站可以通過js語言包去做簡體到繁體的切換,不用像中文轉英文怕用插件機翻讓人摸不著頭腦,下面介紹一下具體實現(xiàn)方法:
這里用的是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創(chuàng)建一個方法用于切換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>
這樣就能實現(xiàn)全站文字簡體轉成繁體,缺點就是圖上的文字要單獨切成文字,不能做成和圖片一體的,還有就是個別文字會出現(xiàn)沒有轉譯,還是簡體的情況,但是作為同種同源的字體大部分人還是能看懂。優(yōu)點就是不用做兩個后臺對資料進行兩次輸入還是比較方便的,不像中文轉譯英文,后臺錄入比用插件好,最起碼意思不會亂,搞得別人看不懂。

1.下面是簡體的效果:

2.點擊切換效果:

切換頁面依然保持著繁體效果,以前介紹過通過谷歌插件中文切換英文也是通過js實現(xiàn)的,每次切換頁面都收從中文變成英文體驗不好。還有一種通過接口去翻譯后臺輸出的每一句文字,可以解決這個問題,比較麻煩。

網(wǎng)頁名稱:PHP通過js做簡體和繁體切換
分享路徑:http://www.muchs.cn/news38/239738.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App設計網(wǎng)站排名、建站公司、網(wǎng)站維護、品牌網(wǎng)站設計網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務器托管