概要

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上では消えます。

以上になります。