javascript - 替换部分 URL onclick 并重定向

Question

我试图在这里和谷歌上寻找答案，但也许我没有使用正确的搜索词……我就是找不到。 希望任何人都可以帮助我。

在 bi-lingual 商店中，当点击 english flag 按钮。

www.mydomain**.nl/a1**/product1.html

是起点。单击英语标志应获取域和类别并更改它并转到新创建的 url:

www.mydomain**.com/a2**/product1.html

然后

www.mydomain**.nl/b1**/product1.html ,点击'english flag'按钮后变成:

www.mydomain**.com/b2**/product1.html

等等

大约有 30 个不同的页面需要像这样重新编辑，所有页面都带有相同的“英文标志”按钮。

如果 url 的一部分是 '.nl/schoenen/' 然后更改并转到 '.com/shoes/'

如果 url 的一部分是 '.nl/jassen/' 然后更改并转到 '.com/jackets/'

Answer 1

TL;DR - 使用一些 javascript 来操作 url onclick，按照您希望的方式重新组合 URL，重新加载新 URL。

我曾做过一次双语商店，并在路径中插入了“es”或“en”以表示西类牙语或英语，本质上是作为 URL 参数。你的目标有点复杂(我假设它必须如此)但这可能会让你开始。你可以看到 shop here (不是我的设计——别怪我。根据所有者的要求(一些合法的东西)，其中大部分是离线的，但你应该能够浏览一些页面并看到有效的语言切换。)

单击语言切换会触发一些简单的 Javascript，如下所示:

function switchLanguage(lang) {
  u = location.href.split('/');
  u[3] = lang;
  location.href = u.join('/');
}

然后将 onclick 添加到语言切换链接以直接 onclick="switchLanguage('en')" 或 onclick="switchLanguage(' es')"，或者你的 URL 注入(inject)是什么。同样，这是特定于我的示例，其中 URL 参数将跟在第三个正斜杠 (u[3] = lang) 之后，但这应该让您开始切分 URL 以进行操作和重新组装。

有一些很好的例子here .

当然，我网站的本地化版本需要驻留在这些 url 路径下(在我的例子中，我更改了一些 PHP 全局变量以说明 URL 中的不同语言代码，所以底层的东西是真的很少)但这是一种让您开始如何拆分/更改/替换您的 URL onclick 的方法。