話題の人物YouTubeまとめ&雑記雑感雑多ログ

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

CGIやPHPなどでパラメータ(引数)の受け渡しは広く一般的に行われるが、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>

関連記事

画像遅延スクリプト「echo.js」でページ表示の体感速度を上げる。 2018.05.11 jqueryで親要素の幅を取得(padding含めずに) 2018.05.01 画像ファイルが見つからない場合に代替画像を表示 2018.05.01 テキストエリアのカーソル位置にボタンクリックで指定文字を挿入 2018.05.01 複数のアイテムをランダム表示(重複なし)する方法 2018.05.01

雑記雑感雑多ログ

タイ・シルバーの新芽2本目を確認 2018.05.12 画像遅延スクリプト「echo.js」でページ表示の体感速度を上げる。 2018.05.11 格闘技イベント「RIZIN」での衝撃KOシーン!堀口恭司vsイアン・マッコール 2018.05.09 広告収入で賄う無料タクシー「nommoc/ノモック」とは!? 2018.05.08 これって…そのためのTシャツ!?ポケットティッシュをスマートに出せるアイデアTシャツ 2018.05.07 ゴールデンウィーク明けの仮想通貨動向 2018.05.07 プロレスの登場シーンをかっこ良く決めるつもりが、張り切り過ぎてしまった結果・・・ズッコケ名シーン。 2018.05.05 新サイト「CCindex/仮想通貨・暗号通貨まとめ」リリース! 2018.05.04 指定ディレクトリ(フォルダ)内の画像ファイルを抽出してランダム(重複なし)に表示させる最短コード 2018.05.01 最低覚えておきたいチャートの見方 2018.05.01