如何在不刷新的情况下用javascript打开或关闭掩码/隐藏URL参数

How to mask/hide URL params on and off with javascript without refresh?

本文关键字:掩码 参数 URL 隐藏 刷新 javascript 情况下      更新时间:2023-09-26

如问题所述,如何在javascript中隐藏/取消隐藏/屏蔽URL查询参数?这个站点似乎可以做这样的事情:

http://bernii.github.io/gauge.js/#!

(查看"Share it!"如果选中,选项值将存储在URL中,以便您可以轻松地共享您的设置。

假设我有以下URL…

http://localhost/?var1=value1&var2=value2&var3=value3

如何隐藏var2和var3部分,使URL为:

http://localhost/?var1=value1

(通过单击页面上的链接来切换GET变量在页面中进出而不刷新)

尝试replaceState:

if(history.replaceState) history.replaceState({}, "", "/");

其中/为要显示的路径

使用POST方法创建一个隐藏表单,将两个参数填写为<input type="hidden">并提交。