概要
JavaScriptにて、クエリパラメータを取得した後に、URL上（アドレスバー上）から見えなくする方法になります。
方法
1.クエリパラメータを取得
qiita.js
const urlParams = new URLSearchParams(window.location.search);
const param = urlParams.get('<クエリパラメータのキー>');
ただ取得しただけでは、ページ更新した際に消えてしまいます。
保存したいならセッションに入れるなどしてください。
2.履歴を置き換える
qiita.js
history.replaceState(null, null, '<クエリパラメータがついていないURL>');
実際の動作
以下のコードを動かしてみます。
qiita.js
const urlParams = new URLSearchParams(window.location.search);
const param = urlParams.get('key');
history.replaceState(null, null, 'file:///C:/test/test.html');
console.log(param);
まず最初に開いた段階ではparamはnullになっています。
URLにクエリパラメータをつけてみると、
このように、パラメータの取得はできていますが、URL上では消えます。
以上になります。