753Note

備忘メモ

JS パラメータの引き渡し(2) クエリ文字列

【送り側(send2.html)の記述】
　location.href = "./receive2.html?a=xxx&b=yyy";
　　変数「a」の値は「xxx」、変数「b」の値は「yyy」
　　変数が多数ある場合は「&」で繋ぐ

【受け側(receive2.html)の記述】
　var url = new URL(window.location.href); // 現在のURLを取得
　var params = url.searchParams; // パラメータを取得
　var a = params.get('a'); // aの値を取得
　var a = params.get('b'); // bの値を取得

【send2.html】
<meta charset="UTF-8">
<script>
    location.href = "./receive2.html?a=xxx&b=yyy";
</script>

【receive2.html】
<meta charset="UTF-8">
<script>
    var url = new URL(window.location.href); // 現在のURLを取得
    var params = url.searchParams; // パラメータを取得
    var a = params.get('a'); // aの値を取得
    var b = params.get('b'); // bの値を取得
    alert("aの値 " + a + "と bの値 " + b + " を取得しました。");
</script>

　⇒ send2.htmlを開く★