像這樣的問題有很多,但我已經閱讀了其中的許多問題,對于我非常簡單的案例來說,我所看到的似乎太復雜了。
我有一個超級簡單的單頁網站(picstalk.app以防萬一)。它只不過是幾個帶有文本的 div。我正在尋找最簡單的方法來實作多種語言,以便自動顯示瀏覽器默認語言的文本,當然還有一種方法可以手動切換語言。
想法?
謝謝。
uj5u.com熱心網友回復:
我不確定這是否有效,但由于您的文本很少,這將起作用。
// Maintain a supported Language List
var langList = ['en', 'zh'];
// Get browser Language
var userLang = navigator.language || navigator.userLanguage;
// extract Language (en-US => en)
userLang = userLang.substring(0, 2);
// Call the function to set language
changeLang(userLang);
// function to change language
function changeLang(lang) {
langList.forEach((langEle) => {
// if language matches, display
if (langEle == lang) {
var langElems = document.querySelectorAll('.' langEle)
langElems.forEach((elem) => {
elem.style.display = "block"
})
}
// hide the language text
else {
hideLang(langEle)
}
})
}
// function to hide language
function hideLang(lang) {
var langElems = document.querySelectorAll('.' lang)
langElems.forEach((elem) => {
elem.style.display = "none"
})
}
<h1><span lang="en" class="en">Hello</span> <span lang="zh" class="zh">你好</span></h1>
<button onclick="changeLang('en')">English</button><button onclick="changeLang('zh')">Chinese</button>
uj5u.com熱心網友回復:
你必須使用Javascript來做到這一點。首先,您必須web pages為不同的人創建languages并default language在landing page. 然后你需要add一個switching button對users誰想要使用你的網站在他們的語言。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/324892.html
