根据当前页面 url 更改按钮 href

Question

我的网站菜单中有一个指向商店定位器的按钮，但我需要该按钮链接到 3 个不同页面之一，具体取决于访问者当前所在的页面。

该按钮目前仅链接到 /find-a-store，但我需要它知道页面路径的第一部分并将其包含在按钮 href 中

例如，如果访问者位于包含 mywebsite.com/cars 的页面上，则按钮 href 应更改为 mywebsite.com/cars/find-a-store

如果他们在包含 /bikes 的页面上，则 mywebsite.com/bikes/find-a-store

最后，如果页面包含 /trucks，则 mywebsite.com/trucks/find-a-store

按钮有一个 id，如果这有助于我根据其 ID 定位和更改按钮。

Answer 1

获取正确的网址：

let type = document.location.pathname.split('/').filter(x => x.length > 0)[0];
let url = `/${type}/find-a-store`;

现在您需要设置链接的 href。由于我们没有 HTML，我无法确切地告诉您那将是什么，但一般来说：

// this selects the link with id="coolID"
let link = document.querySelector('#coolID');

link.href = url;