多语言网站 - 获取特定的 url 部分并使用它来更改 url - JQuery

Question

我目前正在开发一个带有按钮的导航栏，可以让您更改页面的语言。

首先我网站的每个语言版本都有两个子目录：

[...]/en/*.html
[...]/nl/*.html

*.html 代表该子目录中的每一页

我在每个页面上都使用相同的导航栏，所以我的问题是： 如何使用 jquery/js 交换 url 的中间部分？

如果 Jquery/js 做不到，没有 Jquery/js 我怎么能做到这一点？

目前我只有 url 存储在一个变量中以供使用：

var pathname = window.location.pathname;

输出/en/home.html（例如）

我认为最简单的方法是从变量中获取 /en/ 部分，将其存储在另一个变量中，然后将当前部分与其他语言交换。我知道那里有很多类似的问题，但我似乎找不到适合我的用法的答案。

代码要求：
- 需要检查它是 En 还是 Nl 版本。
- 将 url 更改为其他目录，同时保持 *.html 不变。

Answer 1

如果您想保留当前结构，只需检查当前路径是 NL 还是 EN，然后像这样切换到另一个：

var pathname = window.location.pathname; //Your page path
var page = pathname.slice(4); //The page name

if (pathname.indexOf("/nl/") >= 0){ //if current page is NL send to EN
    window.location.href = '../en/'+page;
}
else{ //if current page is NOT NL send to NL
    window.location.href = '../nl/'+page;
}