URLパラメータ(クエリ文字列)とは

URLの末尾に ?key=value の形式で付与されるデータです。ページ間で情報を引き継ぐために使われます。

データの送信方法

1. リンクで送信

URLに直接書き込みます。

<a href="next.html?msg=hello">送信</a>

2. フォームで送信

method="get" を指定します。

<form method="get" action="next.html">
    <input name="msg">
</form>

JavaScriptでの解析 (受信)

URLSearchParams オブジェクトを使うと、特定の値を簡単に取り出せます。

// 現在のURLを取得して解析
const url = new URL(window.location.href);
const params = url.searchParams;

// 'msg' という名前のパラメータを取得
const msg = params.get('msg');

// 画面に表示
document.getElementById('output').textContent = msg;

主なメソッド