JavaScript で GET パラメータにアクセスして取得する方法

JavaScript での GET パラメータへのアクセス

HTML ページの JavaScript 内の GET パラメータの取得は、window.location オブジェクトを使用して実現できます。疑問符なしで GET パラメータを取得するには、次のコードを使用します:

window.location.search.substr(1)

たとえば、URL が与えられた場合:

http://example.com/page.html?returnurl=%2Fadmin

上記のコードは出力します:

returnurl=%2Fadmin

関数を使用した代替メソッド

関数を作成するには特定の GET パラメータを取得するには、以下を使用します。

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
            tmp = item.split("=");
            if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

findGetParameter('returnurl') で関数を呼び出すと、「/admin」が返されます。

Plain For Loop variation

IE8 などの古いブラウザとの互換性を確保するには、プレーンを使用してくださいループ:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}

以上がJavaScript で GET パラメータにアクセスして取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。