从 JavaScript 文件更改 HTML 页面中的文本语言

Question

我有一个 JavaScript 文件，我需要在其中从 html 页面创建某种字典（包含翻译的文本），并且能够从 HTML 标头更改语言。

<a class="text-center" id='lnkHumanResources'>
        <p><img width="100" height="100" src="assets/img/icons/home-hr.png" /></p>
        <h1>Ljudski resursi</h1>
    </a>

这是一个包含需要翻译的字符串的代码示例

“Ljudski resursi”到“人力资源”。

所以，我需要在 .js 文件中包含一些不同语言的硬编码文本，以及某种从 HTML 标头更改语言的方法，并将其包含到需要能够更改语言的少数 HTML 页面中。

---

已解决

遇到同样问题的人，请参阅Translate.js

下载插件并解压到你的lib文件夹中，并将它包含在你要翻译的所有html页面中

<script src="assets/js/lib/translate.js-master/jquery.translate.js"></script>

我还创建了 dictionary.js，其中包含我想从几种语言的所有页面翻译的所有字符串，并将其也包含到所有需要翻译的 html 页面中

var dict = {      // dictionary.js
  "Home": {
    pt: "Início",
    en: "Home"
  },
  "Download plugin": {
    pt: "Descarregar plugin",
    en: "Download plugin"
  }
};

包含到 html 示例：

<script src="assets/js/lib/dictionary.js"></script>

别忘了用“trn”类的 span 属性包装所有硬编码字符串

<p class="some-class"><span class="trn">Text to translate</span></p>

然后只需在 html 页面中添加下一行即可：)

var translator = $('body').translate({lang: "en", t: dict}); // en to use English

Answer 1

你可以使用jquery的text函数来改变h1的内容

  $('#lnkHumanResources h1').text("Human Resources");

不要忘记将 JQuery 链接到您的 Html 页面