如何使用多种语言制作我的网站？

Question

我在如何通过点击一个按钮翻译所有页面中的内容方面遇到了困难。我想在主页上有一个按钮，当用户选择此按钮包含的其中一种语言时，所有页面中的所有内容都使用该语言。现在，我只知道如何使用一个页面（创建按钮，当您单击时，您将获得以该语言翻译的文本，但仅限于此页面）。而且，我不使用PHP。谢谢！

Answer 1

我看到你正在使用Jquery，有很多方法来翻译一个网站，但他们都转向相同的机制。您需要一个翻译器和一个语言文件。
最简单的方法是使用jquery插件translate.js。这是一个易于使用的插件，允许您翻译您的网站。
这很简单，您可以将类trn添加到要添加的元素中：
<span class="trn">Text to translate</span>
然后为要转换的键添加data属性。例如：
<span class="trn" data-trn-key="Hello world"></span>

您的语言文件也非常简单，一个简单的Javascript对象，第一个Key作为trn-key，然后是另一个具有您希望将您的密钥翻译为的语言的对象。例如：

var lang = {
    "helloworld": {
        en: "Hello World",
        fr: "Bonjour monde"
    },
    /*...*/
}

插件将用选定的lang替换span的innerHTML。