javascript - HTML/jQuery 仅在刷新时更改 URL 的一部分

Question

我在 jQuery 中有一个按钮可以像这样重定向页面...

$('#changeLang').click(function() {
    document.location.href='/' + $('#languages').val();
})

它工作正常，但是当有人点击它时它会重定向到/foo，如果有人在更深的 URL 上......

/foo/bar/foobar

我希望它只更改“foo”部分，以便在单击时执行此操作...

/$('#languages').val()/bar/foobar

Answer 1

您可以使用 window.location.pathname，它会为您提供域之后的所有内容，将其拆分为一个数组，更改您需要的内容，然后通过连接将其粘合在一起。

$('#changeLang').click(function() {
    var url = window.location.pathname.split('/');
    url[1] = $('#languages').val();
    document.location.href = url.join('/');
}); 

https://jsbin.com/huqijezoxu/edit?html,js,output