【JS】超簡単にURLパラメータ事前入力


Contents

ページ読み込み時にURLパラメータをセットする方法です。

コード

window.onload = function(){
  const searchParams = new URLSearchParams(decodeURI(location.search));
  var input = document.getElementById('input');
  input.value = searchParams.get('q');
  window.history.replaceState(0, 0,'./');
};

内容

ページ読み込み時に実行

window.onload = function(){
  //処理
};

デコードしたURLからパラメータを取得

const searchParams = new URLSearchParams(decodeURI(location.search));

qというパラメータの値をinputにセット

var input = document.getElementById('input');
input.value = searchParams.get('q');

ブラウザのURL欄からパラメータを削除

window.history.replaceState(0, 0,'./');

Comments

Show Comments