javascript - 在网页上添加多语言的更好方法

Question

有人可以建议在网页上添加多语言功能的更好方法吗？我通过调用 JavaScript 函数创建了我的。就是这样产生的。在我的“home.html”中，我创建了选择标签:

    <select id="nav-lang" onchange="onChangeLang()">
             <option value="en">English</option>
             <option value="ch">中文</option>
             <option value="in">हिंदी</option>
    </select>

在我的 JavaScript 函数中，这就是我所做的:

    function onChangeLang(){
          var lang = document.getElementById("nav-lang").value;
          if(lang=="ch"){
                 //I target all id in my div and set all innerHTML text to its equivalent chinese term
           }else if(lang=="in"){
                 //Same with I did in Chinese, however it is on India
          }else{
                //switch to English ex. document.getElementById("home"). innerHTML = "Home";
          }
    }

您有什么建议可以让它变得更好？事实上，我正在考虑用不同的语言编写我的页面副本，但我认为这不是一个好主意。非常感谢任何建议。

Answer 1

https://davidwalsh.name/google-translate-api 我为您找到了一个关于如何在 JavaScript 中使用谷歌翻译 Api 的很好的教程。您可以通过点击上面的链接找到它。 希望我对你有帮助! :)