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

我是一个完全的新手，刚开始使用jQuery，对该主题的了解最少。

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

---

对于将一种语言转换为另一种语言，我将使用一个下拉列表。

特别是为了回答您关于加载和卸载JavaScript文件的问题，StackOverflow上已经有一个精彩的回答：Chris Pratt

但基本上，JS一旦加载就不能卸载

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

不需要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>

---

如果用户正在查看英语版的

/en/some/deep/page.html

，并单击Español链接，他们将看到西班牙语版的

/es/some/deep/page.html

，而无需重新导航回页面。

您不应该使用JavaScript翻译网站。您是否在框架内工作？我不确定框架是什么，但我的网站使用了HTML、CSS和jQuery。您是否使用了PHP、Ruby、Python等后端脚本语言？没有。只有HTML、CSS和jQuery。我已经查看了该线程，但jQuery已经不推荐使用.live（），因此我不确定这是否仍然可行。

<!-- 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>

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