HTMLの静的ファイルにパラメータ（引数）を受け渡す最短スクリプトコード

CGIやPHPなどで、パラメータ（引数）の受け渡しは「?name=value」で簡単ですが、HTMLファイル（静的ファイル）で受け渡ししたい場合はどうしましょ！？

受け渡すデータを『?』で区切り、受け取り側のHTMLで『decodeURIComponent(location.search.split('?')[n])』で取得するというもの。『n』は『?』で区切った何個目のデータなのかを代入。（1個目なら1、2個目なら2…）

【注】受け渡すデータがない場合『undefined』となる。

リンク先HTML（受け手ファイル）

<script>
var param1 = decodeURIComponent(location.search.split('?')[1]);
if (param1 == 'undefined'){
var param1 = 'param1なし';
}
var param2 = decodeURIComponent(location.search.split('?')[2]);
if (param2 == 'undefined'){
var param2 = 'param2なし';
}
document.write('<ul>');
document.write('<li>' +param1+ '</li>');
document.write('<li>' +param2+ '</li>');
document.write('</ul>');
</script>

	JavaScript
	2019.07.06 07:08
	2019.07.12 07:07

Related entry

Pickup entry

• BACK
• NEXT