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

时间:2016-11-15 20:06:50

标签: javascript multilingual

有没有人可以建议在网页上添加多语言功能的更好方法?我通过调用我的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";
          }
    }

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

1 个答案:

答案 0 :(得分:1)

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