如何使我的网站具有多种语言？

Question

我很难通过单击一个按钮来翻译​​所有页面中的内容。我想在主页上有一个按钮，当用户选择此按钮包含的一种语言时，所有页面中的所有内容都使用这种语言。目前，我只知道如何在一个页面上做到这一点（创建按钮，当你点击时，你会得到用这种语言翻译的文本，但仅限于这个页面）。而且，我不使用 PHP。谢谢！

Answer 1

我看到您正在使用 Jquery，翻译网站的方法有很多，但它们都采用相同的机制。你需要一个翻译器和一个语言文件。
最简单的方法是使用 jquery 插件translate.js。这是一个易于使用的插件，可让您翻译您的网站。
这很简单，您将 class 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"
    },
    /*...*/
}

插件会将 span 的 innerHTML 替换为所选语言。