• ホーム
  • JavaScript
  • HTMLの静的ファイルにパラメータ(引数)を受け渡す最短スクリプトコード

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

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