HTML介面多語言切換

2021-10-23 00:19:50 字數 1141 閱讀 4569

html

你需要將所有想要翻譯的模組部分的class中加上lang,然後自定義key。還需要有設定語言的按鈕,class中新增translate,id用相應的代號。

="translate" id=

"en"

>english<

/button>

="translate" id=

"zh"

>chinese<

/button>

="lang" key=

"home"

>

<

/li>

="lang" key=

"about"

>

<

/li>

="lang" key=

"contact"

>

<

/li>

<

/ul>

js

以下操作會自動檢測瀏覽器設定的語言,首次訪問時會使用該語言(該例子中只有英語或中文),如果瀏覽器設定的語言不是英語或中文,則預設為英語,然後會儲存網頁的語言在瀏覽器中,這樣下次使用者再訪問你的**時就會顯示之前退出時設定的語言。

var arrlang =

,"zh":}

;// the default language is english

var lang =

"en"

;// check for localstorage supportif(

'localstorage'

in window)

$(document)

.ready

(function()

);})

;// get/set the selected language$(

".translate").

click

(function()

$(".lang").

each

(function

(index, element));

});

"jquery-3.3.1.min.js"

>

<

/script>

多語言切換

專案中應用到了多語言切換,鞏固一下。貼上 大家一起學習。廢話不多說直接上 1 新增多語言 在res values 下預設有個strings,需要多種語言就來建立幾個strings,values右鍵 new 乙個 values res file file name 就是strings director...

ios多語言切換

軟體需要適配多語言,通常想到的第乙個方法就是切換多語言的時候傳送通知到各個頁面,從而實現多語言的切換,其實這個方法太不好了,通知多,影響大,有的乾脆直接重啟軟體來切換多語言,其實這幾種都是不可取的,現在作者提供乙個簡單的方法僅供參考 1理論準備 現在大部分軟體頁面的控制器都是tabbar和narba...

laravel 多語言切換

1 建立翻譯檔案 翻譯檔案所在目錄為resources lang,在此建立 zh lang.php檔案 在此建立的為中文 return username 使用者名稱 password 密碼 rememberme 記住密碼 login 登入 badpassword 使用者名稱或密碼錯誤.2 建立中介軟...