Question

我是一个刚开始从事jQuery工作并且对这个主题知之甚少的新手。

我正在努力将我的整个网站翻译成另一种语言，从英语到西班牙语等。我不想给网站带来负担并将所有翻译放入1个js文件中，所以我我在考虑是否可以为每个翻译单独设置一个文件，例如 english.js ， spanish.js ， japanese.js 并调用需要时的特定文件并卸载不需要的其他文件。如果有人知道任何现有插件用于此方法，请告诉我。

如果要将一种语言转移到另一种语言，我将使用下拉列表。

Answer 1

无需JavaScript

根据您的评论，您似乎拥有静态HTML文件，因此这应该是轻而易举的

<!-- example.com/en/index.html -->
<nav>
  <a href="/en/index.html">Home</a>
  <a href="/en/about/index.html">About</a>
  <a href="/es/index.html>Español</a>
</nav>

<p>
  Hello World
</p>

然后你可以写这样的西班牙语页面

<!-- example.com/es/index.html -->
<nav>
  <a href="/es/index.html">Inicio</a>
  <a href="/es/about/index.html">Quienes Somos<a>
  <a href="/en/index.html">English</a>
</nav>

<p>
  ¡Hola Mundo!
</p>

基本思路是您将拥有该网站每个页面的单独版本。如果你有

/en/index.html
/en/foo.html
/en/about/index.html
/en/about/contact.html

然后你还需要

/es/index.html
/es/foo.html
/es/about/index.html
/es/about/contact.html

英文文件应该包含相对于英文根/en的链接，而西班牙文件应该包含与西班牙根/es相关的所有链接

为了让用户更轻松地切换页面，导航可以让语言切换器让用户保持在同一页面上，但只需更改语言

<!-- example.com/en/some/deep/page.html -->
<nav>
  <!-- ... -->
  <a href="/es/some/deep/page.html>Español</a>
</nav>

如果用户正在以英语查看/en/some/deep/page.html并点击Español链接，他们将会看到西班牙语/es/some/deep/page.html，而无需重新导航回该页面。

Answer 2

专门回答关于加载和卸载JavaScript文件的问题，StackOverflow已经有了一个很棒的回应：Chris Pratt {/ 3}}

但从根本上说，一旦加载了JS就无法卸载它。

也许您应该看到的是在服务器端实现语言配置，因此在输出HTML时它会查看语言文件。例如，如果您使用的是PHP + Smarty，那么它非常容易。

如何提供我的网站的西班牙语翻译？

2 个答案:

无需JavaScript