javascript - 在 last/之后添加到 URL

Question

使用 jQuery；在最后一个 /

之后向 url 添加内容

例如将sale添加到:

/性别/类别/品牌/

所以它变成了:

/gender/category/brand/促销

然而，由于 URL 的生成和构建方式，我不能总是说“将其添加到 URL 的末尾”，因为有时末尾有 ? 查询字符串，例如:

/gender/category/brand/?collection=short&colour=red

我只是不知道如何在最后的 / 之后添加 sale 并且总是在 ?query string 之前添加(如果存在的话) .

通过 stackoverflow 搜索，我看到了一些关于在最后一个 / 之后提取内容的信息，但不是这个，这可能吗？如果能帮我解决这个问题，我真的很感激。

编辑 - 解决方案

也非常感谢您的帮助，但我能够以最简单的方式调整 Shree 的回答，从而满足我的需要:

if(window.location.href.indexOf("sale") > -1) {

} else {
    var raw = window.location.href;
    var add = 'sale';
    var rest = raw.substring(0, raw.lastIndexOf("/") + 1);
    var last = raw.substring(raw.lastIndexOf("/") + 1, raw.length);
    var newUrl = rest + add + last;
    window.location.href = newUrl;
}

Answer 1

将 substring 与 lastIndexOf 一起使用。

var raw = '/gender/category/brand/?collection=short&colour=red';
var add = 'sale';
var rest = raw.substring(0, raw.lastIndexOf("/") + 1);
var last = raw.substring(raw.lastIndexOf("/") + 1, raw.length);
var newUrl = rest + add + last;
console.log(newUrl);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>