ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で GET パラメータを取得するにはどうすればよいですか?

JavaScript で GET パラメータを取得するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-14 04:08:11185ブラウズ

How to Retrieve GET Parameters in JavaScript?

JavaScript での GET パラメーターの取得

この質問は、JavaScript 内の GET パラメーターの取得について説明します。次の URL について考えてみましょう:

http://example.com/page.html?returnurl=/admin

page.html 内の JavaScript コードはどのようにして GET パラメータにアクセスできるのでしょうか?指定された例では、func('returnurl') 関数は「/admin」を返す必要があります。

window.location を使用した解決策

window.location オブジェクトは、疑問符を付けずに GET パラメータを取得する方法。次のコードはそのトリックを実行します。

window.location.search.substr(1)

拡張ソリューション

提供されたソリューションは、パラメーター名を取得してそのパラメーター名を返す関数 findGetParameter() を提供します。対応する値:

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;
}

For を使用した代替ソリューションLoop

古いブラウザ (IE8 など) との互換性のために、プレーンな for ループを使用した代替ソリューションも提供されています:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。