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

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，然后是另一个对象，你想要将你的 key 翻译成的语言。前任 ：

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

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