javascript - 如何通过更改所选语言在浏览器中切换整个 HTML 文件？

Question

为了更清楚地解释我的情况，我有几个相同的 HTML 文件，唯一的区别是语言。每个文件都有自己独特的 html 语言标签。现在，使用 jQuery 或 vanilla JS，如何根据用户选择的语言更改正在显示的 HTML？

标签： javascriptjqueryhtmltagslang

Answer 1

有多种方法可以实现这一目标。您可以拥有一个仅检测语言的通用 html 文件。这可以在一些 JS 函数中完成，这完全取决于您的应用程序将如何提供语言信息。现在，您可以在该通用 hTML 文件中拥有一个 iFrame，并将特定语言的 HTML 嵌入其中。否则，如果 HTML 文件的名称不同，您可以将页面重新加载/重定向到特定语言的 html。也可能有其他实现，例如在一个通用 html 中编码所有语言特定 html 的内容。一切都将被隐藏（可以使用 css 例如 display : none;）。稍后根据用户请求的语言，您可以使特定的 html 容器可见。

但是，这些方法不是标准的，并且您拥有文件的方式将难以维护。我建议使用变量替换语言特定内容的文件。根据请求的语言，加载特定于语言的 nls 文件（prop 名称和值对）并将变量替换为实际值。