Archive

Archive

URLのパラメータから処理するJavascript

  • ホーム
  • Archive
  • URLのパラメータから処理するJavascript
2026.04.27コード

URLのパラメータからページの内容を変化させたい時に使うJavascriptです。

例えば、タブのパーツがあった時、URLで最初に開くタブの内容を変化させたりすることができます。

パラメータとは

URLの?の後につく、変数の値です。
例:hogehoge.com/hovehoge/hove.html?classification=label001&classification=label002
この例では、「classification」の「label001」と「label002」が設定されているURLになります。

パラメータを判別するJavascript

// URLのパラメータを取得
let urlParameter = location.search.substring(1);
 
// URLにパラメータが存在する場合
if(urlParameter) {
	// 「&」が含まれている場合は「&」で分割
	let parameter = urlParameter.split('&');
 
	// パラメータを格納する用の配列を用意
	let parameterArray = [];
 
	// 用意した配列にパラメータを格納
	for (i = 0; i < parameter.length; i++) {
		let parameterItem = parameter[i].split('=');
		parameterArray[parameterItem[0]] = parameterItem[1];
	}
 
	// パラメータ「classification」での値で判断し変化
	if (paramArray.classification == 'label000') {
		alert('「label000」が設定されています。');
	} else if (paramArray.classification == 'label001') {
		alert('「label001」が設定されています。');
	} else if (paramArray.classification == 'label002') {
		alert('「label002」が設定されています。');
	} else if (paramArray.classification == 'label003') {
		alert('「label003」が設定されています。');
	}
}

実際にタブで使用している例は以下を参照
タブのパーツ 1
 -タブの内容をURLから表示する場合に記述するJavascript

最新の記事
The Interval Between
the Suffering and Joy of Continuing
カテゴリー
Classification pizza mocks
for flapping
タグ
What flavor was the roasted
sweet potato you ate yesterday?
ページ上部に戻るスプーン