Javascript 一页多语言

有没有一种方法可以在一个页面中获得多种语言？ 如果我有这样的东西：

<div id="content-English"> Hello, user </div>
<div id="content-Dutch"> Hallo, gebruiker </div>

你好，用户
你好，格布鲁伊克

当我在语言选择器中选择英语并隐藏荷兰语时，是否可以只显示英语，而当我选择荷兰语时，是否可以显示荷兰语并隐藏英语？

---

我知道这可以通过JavaScript实现，但我不知道如何实现，有人能帮我吗？

使用Jquery，然后执行以下操作：

$("#English-button").click(function(){
    $(".content-English").show(0);
    $(".content-Dutch").hide(0);
    $(".content-German").hide(0);
    $(".content-Spanish").hide(0);
})

每当你点击英语按钮时。

---

相应地更改显示/隐藏

您可以为每种语言创建一个CSS类，然后根据选择器的值显示/隐藏；大概是这样的：

function Start() {

    $('#LanguageSelect').change(function () {

        $('.Language').hide();
        $('.' + $(this).val()).show();
    });

    $('#LanguageSelect').change();    
}

$(Start);

HTML:

英语
法语
德国的
你好
你好
你好

这里有一个

---

我建议大型网站使用服务器端选项，但对于轻型网站，此选项实际上可能更好。

最佳做法是在

类不唯一时使用
属性

使用纯javascript，您可以获得某个类的所有元素并隐藏它们：


var langElems=document.getElementsByClassName（'lang-fr'），i；
对于（变量i=0；i

Le plus grand faible des hommes，这是人生的爱情
世界你好

Le plus grand faible des hommes，c'est l'amour qu'ils ont de la vie.
实现这一点的快速方法如下所示，这并不好，应该使用服务器端解决方案

另外，最好使用Css来隐藏元素以及如何隐藏元素，而不是使用JavaScript

拨弄


window.onload=function（）{
var languageSelector=document.getElementById（'languageSelector'）；
languageSelector.onchange=函数（）{
var elements=document.querySelectorAll（'div[class^=“content-”）；
对于（i=0；i

英语
荷兰的
你好，用户
你好，gebruiker
让每个人都成为一个班级。。。如果没有ID，则只能显示使用所需语言（类）的所有元素want@ElGuapo我需要javascript，知道HTML是如何完成的这也是jquery…：（OP指定的javascriptjQuery是javascript。jQuery是一个javascript库-但可能是OP不能使用它。这就是我的意思。谢谢你的回答！我将jQuery链接到我的页面，所以这根本不是问题。@R.Schifini:是的，它可以简化，甚至可以简化为：而且，show（0）与show（）相同）谢谢，上面得到了一个几乎相似的答案，但这是jQuery的结果，这是简单的JS
<select id="LanguageSelect">
    <option>English</option>
    <option>French</option>
    <option>German</option>
</select>

<div class="Language English">Hello</div>
<div class="Language French">Bonjour</div>
<div class="Language German">Hallo</div>