使用不同的查询参数重新加载iframe

Question

在我的网页上，我有一个iframe：

  

“https://localhost:4200/myroute/mypage.html的名称=蝙蝠侠＆安培;别名=布鲁斯

我想要的是，当我点击iframe上的按钮时，iframe会重新加载我指定的新查询参数（或传递给函数），比如说

  

“https://localhost:4200/myroute/mypage.html的名称=超人＆安培;别名=克拉克

我希望查询参数之前的部分不变;因为我可以在多个页面上拥有这个iframe。

有没有办法实现这个目标？我在SO上浏览了一些similar questions，但这没有帮助。

感谢。

PS - 我想要使用纯JavaScript的解决方案;没有框架。

编辑：我暂时让它在this answer的帮助下工作。

var fixedPath = window.location.href.split('?')[0];
window.location.href = `${fixedPath}?name=superman&alias=clark`

根据需要重新加载我的iframe：

问题： 1）我不知道这个代码是否适合不同的浏览器。或者，如果它违反任何良好做法。

2）我必须将所有param键和值作为字符串传递;而不是像

这样的对象使用它

{
    name: 'batman',
    alias: 'bruce',
}

当然，我可以遍历对象并将键和值存储在我在字符串中使用的变量中。但这似乎令人费解。是否有任何API可以让我直接指定特定参数的值？