javascript - 在我的案例中如何本地化一个简单的 HTML 网站页面？

Question

我不开发任何包含客户端端和后端服务器端的网络服务应用程序(如 java EE 应用程序或 Ruby on Rails) .

相反，我只是简单地开发一个 HTML 网站页面，在这个页面上，有两个标志图像(美国和中国)，用作用户页面的语言选择。

我想知道，对于这个单一的网页开发(没有任何后端系统)，有没有什么有效的方法来实现基于标志的页面本地化(即以不同的语言显示页面)用户选择？

Answer 1

您可以使用标准的 HTML lang 属性:

<span lang="en">Scale</span><span lang="de">Maßstab</span>

然后你可以隐藏和显示匹配的元素:

function select_language(language) {
    $("[lang]").each(function () {
        if ($(this).attr("lang") == language)
            $(this).show();
        else
            $(this).hide();
    });
}

我使用了一个简单的选择:

<select onchange="select_language(this.options[this.selectedIndex].value)">
  <option value="en" selected>English</option>
  <option value="de">Deutsch</option>
</select>