如何在不重新加载的情况下修改URL查询字符串

我使用以下方法更改与表单上的输入/下拉列表对应的查询URL参数。目前 window.location.href history.replaceState() 而是在不重新加载的情况下修改URL?

正则表达式函数

function replaceQueryString(url, param, value) {
    var re = new RegExp("([?|&])" + param + "=.*?(&|$)", "i");
    if (url.match(re))
        return url.replace(re, '$1' + param + "=" + value + '$2');
    else
        return url + '&' + param + "=" + value;
}

输入更改时

$("#input_field").on('change', function(e) {
    window.location.href = replaceQueryString(window.location.href, 'input_value', $(this).val());
});

使现代化

domain.com/2 但我如何才能在 replaceQueryString domain.com/?input_value=2

$("#input_field").on('change', function(e) {
     window.history.replaceState("#input_field", "input_value", $(this).val());
});