在我的网页上，我有一个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可以让我直接指定特定参数的值？