Question

我正在构建我的网站，我想知道如何做到这一点......

基本上，当您按下该国家/地区时，它会询问您可以使用的语言，然后它会重定向到该语言页面。

我怎么能这样做？像航空公司的网站，你选择一个国家，然后选择语言，然后它会指向那个语言页面？

Answer 1

这通常需要一些像PHP这样的服务器端处理。当用户从表单中选择一种语言时，语言选择将存储在会话中，并在每次加载页面时调用。

然后，您的Web应用程序通常会有internationalization strings。所选语言用于从索引中选择正确的i18n字符串。

仅使用纯HTML，没有服务器端处理，语言选择表单（可能通过javascript）将重定向到该语言的文档根目录。这要求您拥有以每种语言编码的完整网站。

http://www.example.com
http://www.example.com/en/
http://www.example.com/de/

Answer 2

你可以用很多不同的方式做到这一点。

这是一个简单的方法：

拥有一堆链接，每个链接都是不同的国家/地区。当您单击其中一个时，例如：

<a href="#" onclick="getLanguages('france')" >France</a>

这将调用此处显示的JavaScript函数'getLanguages（）'：

<script>
function getLanguages(country){
    if(country == "france"){
        document.getElementById("languages").innerHTML = "<a href='/french.html'>French</a><a href='/english.html'>English</a><a href='/german.html'>German</a>";
    }else if(country == "china"){
        document.getElementById("languages").innerHTML = "<a href='/chinese.html'>Chinese</a><a href='/english.html'>English</a><a href='/japanese.html'>Japanese</a>";
    }
}
</script>

显然，如果代表每个国家，你会有更多的陈述。这基本上会修改ID为“languages”的元素：

<div id="languages"></div>

包含该国家/地区的可能语言。然后，当用户点击其中一个链接时，它会将他们带到正确的页面！

希望这会有所帮助并祝你好运！

在HTML中选择国家/地区和语言

2 个答案: