关于javascript:给URL中添加query-而不刷新页面的方法

实现题目中的形式: History.pushState()

MDN History.pushState()

只须要扭转参数中的state

话不多说(show fuck code )

function delUrlParam(param){
 let obj = new window.URL(window.location.href);
 obj.searchParams.delete(param);
 return obj.href;
}
//减少url中的参数
function addUrlParam(key, value){
 let obj = new window.URL(window.location.href);
 obj.searchParams.set(key, value);
 return obj.href;
}
// 先删除
history.pushState({}, 0, delUrlParam('tab')); 
// 后增加
history.pushState({}, 0, addUrlParam('tab', 1));

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理