news 2026/7/3 19:39:05

删除 地址栏 地址里的 某个的参数 无感刷新页面

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
删除 地址栏 地址里的 某个的参数 无感刷新页面
consturl=newURL(window.location.href);url.searchParams.delete('abc');window.history.replaceState(null,'',url.toString());意思就是 删除 地址栏 地址里的 abc的参数 www.666.com?abc=123删完之后 就是 www.666.com

这段代码的作用就是在不刷新页面的前提下,从浏览器地址栏中删除 URL 的某个查询参数(这里是abc


逐行解释:

consturl=newURL(window.location.href);
  • 创建一个URL对象,解析当前页面的完整 URL(比如https://www.666.com?abc=123&def=456)。
url.searchParams.delete('abc');
  • 调用URLSearchParams.delete('abc')方法,移除查询字符串中名为abc的参数
  • 无论abc有没有值(如?abc?abc=123),都会被彻底删除。
  • 其他参数(如def=456)不受影响。
window.history.replaceState(null,'',url.toString());
  • 使用history.replaceState()替换当前历史记录条目,将 URL 更新为删除abc后的新地址;
  • null表示不存储额外状态数据;
  • 第二个参数是标题(现代浏览器基本忽略);
  • 第三个参数是新的 URL(不含abc);
  • 关键:这不会触发页面跳转或刷新!

举个例子:

原始 URL:

https://www.666.com?abc=123&xyz=789

执行代码后,地址栏变成:

https://www.666.com?xyz=789

如果原始 URL 是:

https://www.666.com?abc=123

执行后就变成:

https://www.666.com

✅ 完全符合你的描述。


补充说明

  • 这种方式常用于:用户完成某个操作后(比如关闭弹窗、清除筛选条件),清理 URL 中的临时参数,保持地址干净。
  • 相比window.location.href = ...,它不会重新加载页面,用户体验更流畅。
  • 如果你希望保留历史记录(点返回能回到带参数的状态),可以用pushState而不是replaceState

封装成函数(推荐复用)

functionremoveUrlParam(paramName){consturl=newURL(window.location.href);url.searchParams.delete(paramName);window.history.replaceState(null,'',url.toString());}// 使用removeUrlParam('abc');

这样你就可以轻松删除任意参数了 ✅

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/30 1:40:59

误差反向传播法的实现:像搭乐高一样构建神经网络

误差反向传播法的实现:像搭乐高一样构建神经网络 在深度学习中,实现一个神经网络可以像组装乐高积木一样简单——通过组合已经实现好的各种层,我们可以构建出功能强大的模型。今天,我们将深入探讨如何通过这种方法实现神经网络&a…

作者头像 李华
网站建设 2026/6/25 23:28:27

企业OA系统安全防护全攻略:从基础加固到长效防御,十分钟构建坚不可摧的办公安全屏障

OA系统作为企业数字化办公的核心中枢,承载着员工信息、财务数据、业务流程、商业机密等关键资产,是企业生产经营的“神经中枢”。随着数字化办公的深度普及,OA系统已成为网络攻击的重点目标——从弱密码爆破、漏洞利用到钓鱼攻击、内部泄密&a…

作者头像 李华
网站建设 2026/7/2 4:23:31

数字取证之浏览器取证:技术体系、实操方法与实战要点

浏览器作为用户网络行为的核心载体,记录了访问轨迹、数据交互、账户信息、文件操作等全维度行为痕迹,是数字取证中电子数据固定与分析的核心环节,广泛应用于网络犯罪调查、民事纠纷取证、企业合规审计等场景。浏览器取证的核心目标是无篡改提…

作者头像 李华
网站建设 2026/7/3 7:49:41

MaaP:5G短消息的“心脏引擎”,政企招标暗藏的决胜密码!

作者:尘客首发:5G全域通每一条消息都是奇迹的发生。3.4亿!中国移动三期工程、3.27亿!中国电信全国升级——所有5G消息招标文件里,藏着同一个关键词: MaaP读懂它,中标率提升50%;忽略它…

作者头像 李华
网站建设 2026/7/1 19:42:20

专科生必备8个降AI率工具,高效避坑指南!

专科生必备8个降AI率工具,高效避坑指南! AI降重工具:专科生论文的“隐形助手” 在当前高校教育日益重视学术规范的大背景下,越来越多的专科生开始关注论文的AIGC率和查重率问题。尤其是随着AI写作工具的普及,许多学生…

作者头像 李华
网站建设 2026/6/26 11:28:48

【读书笔记】《光环效应》

《光环效应》读书笔记 核心观点 《光环效应》揭示了一个残酷的事实:过去许多奉为经典的商业书籍,其实都只是人们的主观总结和猜测,因为它们全部被"光环效应"所笼罩。 什么是光环效应? 经典案例:乐高 vs 711 乐高的…

作者头像 李华