當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
使用JS实现对页面的繁体简体翻译转换
生活随笔
收集整理的這篇文章主要介紹了
使用JS实现对页面的繁体简体翻译转换
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用JS實(shí)現(xiàn)對(duì)頁(yè)面的繁體簡(jiǎn)體翻譯轉(zhuǎn)換
- 效果圖
- 一、HTML代碼
- 二、Js代碼
- 總結(jié)
效果圖
廢話少說直接上代碼
一、HTML代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- fanti --><script src='./js/demo.js'></script> </head> <body><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"role="button" data-toggle="dropdown" aria-haspopup="true"aria-expanded="false">語(yǔ)言</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a href="#" class="dropdown-item center111"onclick="zh_tran('t');">中文（繁體）</a><br><a href="#" class="dropdown-item center111"onclick="zh_tran('s');">中文（簡(jiǎn)體）</a><br></div></li><h1>發(fā)財(cái)</h1> </body> </html>二、Js代碼
// 網(wǎng)頁(yè)簡(jiǎn)繁體轉(zhuǎn)換// 本js用于客戶在網(wǎng)站頁(yè)面選擇繁體中文或簡(jiǎn)體中文顯示，默認(rèn)是正常顯示，即簡(jiǎn)繁體同時(shí)顯示// 在用戶第一次訪問網(wǎng)頁(yè)時(shí),會(huì)自動(dòng)檢測(cè)客戶端語(yǔ)言進(jìn)行操作并提示.此功能可關(guān)閉// 本程序只在UTF8編碼下測(cè)試過，不保證其他編碼有效// -------------- 以下參數(shù)大部分可以更改 --------------------//s = simplified 簡(jiǎn)體中文 t = traditional 繁體中文 n = normal 正常顯示var zh_default = 'n'; //默認(rèn)語(yǔ)言，請(qǐng)不要改變var zh_choose = 'n'; //當(dāng)前選擇var zh_expires = 7; //cookie過期天數(shù)var zh_class = 'zh_click'; //鏈接的class名，id為class + s/t/n 之一var zh_style_active = 'font-weight:bold; color:green;'; //當(dāng)前選擇的鏈接式樣var zh_style_inactive = 'color:blue;'; //非當(dāng)前選擇的鏈接式樣var zh_browserLang = ''; //瀏覽器語(yǔ)言var zh_autoLang_t = true; //瀏覽器語(yǔ)言為繁體時(shí)自動(dòng)進(jìn)行操作var zh_autoLang_s = false; //瀏覽器語(yǔ)言為簡(jiǎn)體時(shí)自動(dòng)進(jìn)行操作var zh_autoLang_alert = true; //自動(dòng)操作后是否顯示提示消息//自動(dòng)操作后的提示消息var zh_autoLang_msg = '歡迎來到本站,本站爲(wèi)方便臺(tái)灣中國(guó)香港的用戶\n1.采用UTF-8國(guó)際編碼,用任何語(yǔ)言發(fā)帖都不用轉(zhuǎn)碼.\n2.自動(dòng)判斷繁體用戶,顯示繁體網(wǎng)頁(yè)\n3.在網(wǎng)頁(yè)最上方有語(yǔ)言選擇,如果瀏覽有問題時(shí)可以切換\n4.本消息在cookie有效期內(nèi)只顯示一次';var zh_autoLang_checked = 0; //次檢測(cè)瀏覽器次數(shù),第一次寫cookie為1,提示后為2,今后將不再提示//判斷瀏覽器語(yǔ)言的正則,ie為小寫,ff為大寫var zh_langReg_t = /^zh-tw|zh-hk$/i;var zh_langReg_s = /^zh-cn$/i;//簡(jiǎn)體繁體對(duì)照字表,可以自行替換var zh_s = '財(cái)于皚藹礙愛翱襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報(bào)鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鱉癟瀕濱賓擯餅撥缽鉑駁卜補(bǔ)參蠶殘慚慘燦蒼艙倉(cāng)滄廁側(cè)冊(cè)測(cè)層詫攙摻蟬饞讒纏鏟產(chǎn)闡顫場(chǎng)嘗長(zhǎng)償腸廠暢鈔車徹塵陳襯撐稱懲誠(chéng)騁癡遲馳恥齒熾沖蟲寵疇躊籌綢丑櫥廚鋤雛礎(chǔ)儲(chǔ)觸處傳瘡闖創(chuàng)錘純綽辭詞賜聰蔥囪從叢湊竄錯(cuò)達(dá)帶貸擔(dān)單鄲撣膽憚?wù)Q彈當(dāng)擋黨蕩檔搗島禱導(dǎo)盜燈鄧敵滌遞締點(diǎn)墊電淀釣調(diào)迭諜疊釘頂錠訂東動(dòng)棟凍斗犢獨(dú)讀賭鍍鍛斷緞兌隊(duì)對(duì)噸頓鈍奪鵝額訛惡餓兒爾餌貳發(fā)罰閥琺礬釩煩范販飯?jiān)L紡飛廢費(fèi)紛墳奮憤糞豐楓鋒風(fēng)瘋馮縫諷鳳膚輻撫輔賦復(fù)負(fù)訃婦縛該鈣蓋干趕稈贛岡剛鋼綱崗皋鎬擱鴿閣鉻個(gè)給龔宮鞏貢鉤溝構(gòu)購(gòu)夠蠱顧剮關(guān)觀館慣貫廣規(guī)硅歸龜閨軌詭柜貴劊輥滾鍋國(guó)過駭韓漢閡鶴賀橫轟鴻紅后壺護(hù)滬戶嘩華畫劃話懷壞歡環(huán)還緩換喚瘓煥渙黃謊揮輝毀賄穢會(huì)燴匯諱誨繪葷渾伙獲貨禍擊機(jī)積饑譏雞績(jī)緝極輯級(jí)擠幾薊劑濟(jì)計(jì)記際繼紀(jì)夾莢頰賈鉀價(jià)駕殲監(jiān)堅(jiān)箋間艱緘繭檢堿鹼揀撿簡(jiǎn)儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎(jiǎng)講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較秸階節(jié)莖驚經(jīng)頸靜鏡徑痙競(jìng)凈糾廄舊駒舉據(jù)鋸懼劇鵑絹杰潔結(jié)誡屆緊錦僅謹(jǐn)進(jìn)晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫(kù)褲夸塊儈寬礦曠況虧巋窺饋潰擴(kuò)闊蠟臘萊來賴藍(lán)欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離里鯉禮麗厲勵(lì)礫歷瀝隸倆聯(lián)蓮連鐮?wèi)z漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴凌靈嶺領(lǐng)餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡(luò)媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿(mào)么霉沒鎂門悶們錳夢(mèng)謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆捻釀鳥聶嚙鑷鎳檸獰寧擰濘鈕紐膿濃農(nóng)瘧諾歐鷗毆嘔漚盤龐國(guó)愛賠噴鵬騙飄頻貧蘋憑評(píng)潑頗撲鋪樸譜臍齊騎豈啟氣棄訖牽扦釬鉛遷簽謙錢鉗潛淺譴塹槍嗆墻薔強(qiáng)搶鍬橋喬僑翹竅竊欽親輕氫傾頃請(qǐng)慶瓊窮趨區(qū)軀驅(qū)齲顴權(quán)勸卻鵲讓饒擾繞熱韌認(rèn)紉榮絨軟銳閏潤(rùn)灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陜贍繕傷賞燒紹賒攝懾設(shè)紳審嬸腎滲聲繩勝圣師獅濕詩(shī)尸時(shí)蝕實(shí)識(shí)駛勢(shì)釋飾視試壽獸樞輸書贖屬術(shù)樹豎數(shù)帥雙誰(shuí)稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻抬攤貪癱灘壇譚談嘆湯燙濤絳騰謄銻題體屜條貼鐵廳聽烴銅統(tǒng)頭圖涂團(tuán)頹蛻脫鴕馱駝橢洼襪彎灣頑萬(wàn)網(wǎng)韋違圍為濰維葦偉偽緯謂衛(wèi)溫聞紋穩(wěn)問甕撾蝸渦窩嗚鎢烏誣無(wú)蕪吳塢霧務(wù)誤錫犧襲習(xí)銑戲細(xì)蝦轄峽俠狹廈锨鮮纖咸賢銜閑顯險(xiǎn)現(xiàn)獻(xiàn)縣餡羨憲線廂鑲鄉(xiāng)詳響項(xiàng)蕭銷曉嘯蝎協(xié)挾攜脅諧寫瀉謝鋅釁興洶銹繡虛噓須許緒續(xù)軒懸選癬絢學(xué)勛詢尋馴訓(xùn)訊遜壓鴉鴨啞亞訝閹煙鹽嚴(yán)顏閻艷厭硯彥諺驗(yàn)鴦楊揚(yáng)瘍陽(yáng)癢養(yǎng)樣瑤搖堯遙窯謠藥爺頁(yè)業(yè)葉醫(yī)銥頤遺儀彝蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應(yīng)纓瑩螢營(yíng)熒蠅穎喲擁傭癰踴詠涌?jī)?yōu)憂郵鈾猶游誘輿魚漁娛與嶼語(yǔ)吁御獄譽(yù)預(yù)馭鴛淵轅園員圓緣遠(yuǎn)愿約躍鑰岳粵悅閱云鄖勻隕運(yùn)蘊(yùn)醞暈韻雜災(zāi)載攢暫贊贓臟鑿棗灶責(zé)擇則澤賊贈(zèng)扎札軋鍘閘詐齋債氈盞斬輾嶄棧戰(zhàn)綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮(zhèn)陣掙睜猙幀鄭證織職執(zhí)紙摯擲幟質(zhì)鐘終種腫眾謅軸皺晝驟豬諸誅燭矚囑貯鑄筑駐專磚轉(zhuǎn)賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鉆致鐘么為只兇準(zhǔn)啟板里靂余鏈泄';var zh_t = '財(cái)於皚藹礙愛翺襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報(bào)鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鼈癟瀕濱賓擯餅撥缽鉑駁蔔補(bǔ)參蠶殘慚慘燦蒼艙倉(cāng)滄廁側(cè)冊(cè)測(cè)層詫攙摻蟬饞讒纏鏟産闡顫場(chǎng)嘗長(zhǎng)償腸廠暢鈔車徹塵陳襯撐稱懲誠(chéng)騁癡遲馳恥齒熾沖蟲寵疇躊籌綢醜櫥廚鋤雛礎(chǔ)儲(chǔ)觸處傳瘡闖創(chuàng)錘純綽辭詞賜聰蔥囪從叢湊竄錯(cuò)達(dá)帶貸擔(dān)單鄲撣膽憚?wù)Q彈當(dāng)擋黨蕩檔搗島禱導(dǎo)盜燈鄧敵滌遞締點(diǎn)墊電澱釣調(diào)疊諜疊釘頂錠訂東動(dòng)棟凍鬥犢獨(dú)讀賭鍍鍛斷緞兌隊(duì)對(duì)噸頓鈍奪鵝額訛惡餓兒爾餌貳發(fā)罰閥琺礬釩煩範(fàn)販飯?jiān)L紡飛廢費(fèi)紛墳奮憤糞豐楓鋒風(fēng)瘋馮縫諷鳳膚輻撫輔賦複負(fù)訃婦縛該鈣蓋幹趕稈贛岡剛鋼綱崗臯鎬擱鴿閣鉻個(gè)給龔宮鞏貢鈎溝構(gòu)購(gòu)夠蠱顧剮關(guān)觀館慣貫廣規(guī)矽歸龜閨軌詭櫃貴劊輥滾鍋國(guó)過駭韓漢閡鶴賀橫轟鴻紅後壺護(hù)滬戶嘩華畫劃話懷壞歡環(huán)還緩換喚瘓煥渙黃謊揮輝毀賄穢會(huì)燴彙諱誨繪葷渾夥獲貨禍擊機(jī)積饑譏雞績(jī)緝極輯級(jí)擠幾薊劑濟(jì)計(jì)記際繼紀(jì)夾莢頰賈鉀價(jià)駕殲監(jiān)堅(jiān)箋間艱緘繭檢堿鹼揀撿簡(jiǎn)儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎(jiǎng)講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較稭階節(jié)莖驚經(jīng)頸靜鏡徑痙競(jìng)淨(jìng)糾廄舊駒舉據(jù)鋸懼劇鵑絹傑潔結(jié)誡屆緊錦僅謹(jǐn)進(jìn)晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫(kù)褲誇塊儈寬礦曠況虧巋窺饋潰擴(kuò)闊蠟臘萊來賴藍(lán)欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離裏鯉禮麗厲勵(lì)礫曆瀝隸倆聯(lián)蓮連鐮?wèi)z漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴淩靈嶺領(lǐng)餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡(luò)媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿(mào)麼黴沒鎂門悶們錳夢(mèng)謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆撚釀鳥聶齧鑷鎳檸獰甯擰濘鈕紐膿濃農(nóng)瘧諾歐鷗毆嘔漚盤龐國(guó)愛賠噴鵬騙飄頻貧蘋憑評(píng)潑頗撲鋪樸譜臍齊騎豈啓氣棄訖牽扡釺鉛遷簽謙錢鉗潛淺譴塹槍嗆牆薔強(qiáng)搶鍬橋喬僑翹竅竊欽親輕氫傾頃請(qǐng)慶瓊窮趨區(qū)軀驅(qū)齲顴權(quán)勸卻鵲讓饒擾繞熱韌認(rèn)紉榮絨軟銳閏潤(rùn)灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陝贍繕傷賞燒紹賒攝懾設(shè)紳審嬸腎滲聲繩勝聖師獅濕詩(shī)屍時(shí)蝕實(shí)識(shí)駛勢(shì)釋飾視試壽獸樞輸書贖屬術(shù)樹豎數(shù)帥雙誰(shuí)稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻擡攤貪癱灘壇譚談歎湯燙濤縧騰謄銻題體屜條貼鐵廳聽烴銅統(tǒng)頭圖塗團(tuán)頹蛻脫鴕馱駝橢窪襪彎灣頑萬(wàn)網(wǎng)韋違圍爲(wèi)濰維葦偉僞緯謂衛(wèi)溫聞紋穩(wěn)問甕撾蝸渦窩嗚鎢烏誣無(wú)蕪吳塢霧務(wù)誤錫犧襲習(xí)銑戲細(xì)蝦轄峽俠狹廈鍁鮮纖鹹賢銜閑顯險(xiǎn)現(xiàn)獻(xiàn)縣餡羨憲線廂鑲鄉(xiāng)詳響項(xiàng)蕭銷曉嘯蠍協(xié)挾攜脅諧寫瀉謝鋅釁興洶鏽繡虛噓須許緒續(xù)軒懸選癬絢學(xué)勳詢尋馴訓(xùn)訊遜壓鴉鴨啞亞訝閹煙鹽嚴(yán)顔閻豔厭硯彥諺驗(yàn)鴦楊揚(yáng)瘍陽(yáng)癢養(yǎng)樣瑤搖堯遙窯謠藥爺頁(yè)業(yè)葉醫(yī)銥頤遺儀彜蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應(yīng)纓瑩螢營(yíng)熒蠅穎喲擁傭癰踴詠湧優(yōu)憂郵鈾猶遊誘輿魚漁娛與嶼語(yǔ)籲禦獄譽(yù)預(yù)馭鴛淵轅園員圓緣遠(yuǎn)願(yuàn)約躍鑰嶽粵悅閱雲(yún)鄖勻隕運(yùn)蘊(yùn)醞暈韻雜災(zāi)載攢暫贊贓髒鑿棗竈責(zé)擇則澤賊贈(zèng)紮劄軋鍘閘詐齋債氈盞斬輾嶄棧戰(zhàn)綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮(zhèn)陣掙睜猙幀鄭證織職執(zhí)紙摯擲幟質(zhì)鍾終種腫衆(zhòng)謅軸皺晝驟豬諸誅燭矚囑貯鑄築駐專磚轉(zhuǎn)賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鑽緻鐘麼為隻兇準(zhǔn)啟闆裡靂餘鍊洩';String.prototype.tran = function() {var s1,s2;if (zh_choose == 't') {s1 = zh_s;s2 = zh_t;}else if(zh_choose == 's') {s1 = zh_t;s2 = zh_s;}else {return this;}var a = '';var l = this.length;for(var i=0;i<this.length;i++){var c = this.charAt(i);var p = s1.indexOf(c)a += p < 0 ? c : s2.charAt(p);}return a;}function setCookie(name, value) {var argv = setCookie.arguments;var argc = setCookie.arguments.length;var expires = (argc > 2) ? argv[2] : null;if (expires != null) {var LargeExpDate = new Date ();LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));}document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));}function getCookie(Name) {var search = Name + "="if (document.cookie.length > 0) {offset = document.cookie.indexOf(search);if(offset != -1) {offset += search.length;end = document.cookie.indexOf(";", offset);if(end == -1) end = document.cookie.length;return unescape(document.cookie.substring(offset, end));}else {return '';}}}function zh_tranBody(obj) {var o = (typeof(obj) == "object") ? obj.childNodes : document.body.childNodes;for (var i = 0; i < o.length; i++) {var c = o.item(i);if ('||BR|HR|TEXTAREA|SCRIPT|'.indexOf("|"+c.tagName+"|") > 0) continue;if (c.className == zh_class) {if (c.id == zh_class + '_' + zh_choose) {c.setAttribute('style', zh_style_active);c.style.cssText = zh_style_active;}else {c.setAttribute('style', zh_style_inactive);c.style.cssText = zh_style_inactive;}continue;}if (c.title != '' && c.title != null) c.title = c.title.tran();if (c.alt != '' && c.alt != null) c.alt = c.alt.tran();if (c.tagName == "INPUT" && c.value != '' && c.type != 'text' && c.type != 'hidden' && c.type != 'password') c.value = c.value.tran();if (c.nodeType == 3) {c.data = c.data.tran();}else{zh_tranBody(c);}}}function zh_tran(go) {if (go) zh_choose = go;setCookie('zh_choose', zh_choose, zh_expires);if (go == 'n') {window.location.reload();}else {zh_tranBody();}}function zh_getLang() {if (getCookie('zh_choose')) {zh_choose = getCookie('zh_choose');return true;}if (!zh_autoLang_t && !zh_autoLang_s) return false;if (getCookie('zh_autoLang_checked')) return false;if (navigator.language) {zh_browserLang = navigator.language;}else if (navigator.browserLanguage) {zh_browserLang = navigator.browserLanguage;}if (zh_autoLang_t && zh_langReg_t.test(zh_browserLang)) {zh_choose = 't';}else if (zh_autoLang_s && zh_langReg_s.test(zh_browserLang)) {zh_choose = 's';}zh_autoLang_checked = 1;setCookie('zh_choose', zh_choose, zh_expires);if (zh_choose == zh_default) return false;return true;}function zh_init() {zh_getLang();c = document.getElementById(zh_class + '_' + zh_choose);if (zh_choose != zh_default) {if (window.onload) {window.onload_before_zh_init = window.onload;window.onload = function() {zh_tran(zh_choose);if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg);};window.onload_before_zh_init();};}else {window.onload = function() {zh_tran(zh_choose);if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg);};};}}}zh_init();總結(jié)
提示：如果發(fā)現(xiàn)有些沒有翻譯到的繁體簡(jiǎn)體，可以在js里面添加，要注意! ! ! 加到對(duì)應(yīng)的位置
復(fù)制粘貼來用就ok，如果需要好看一點(diǎn)就修飾他的CSS吧~
總結(jié)
以上是生活随笔為你收集整理的使用JS实现对页面的繁体简体翻译转换的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机丢失lame,【图片】小白求教如何
- 下一篇： SpringBoot基础-Environ