jQuery で URL クエリ文字列パラメータを取得して使用する方法

Susan Sarandon
リリース: 2024-11-25 00:54:13
オリジナル
710 人が閲覧しました

How to Retrieve and Use a URL Query String Parameter with jQuery?

jQuery を使用して URL からクエリ文字列を取得

指定された URL (「http:/」から「location」パラメータの値を抽出するには) /www.mysite.co.uk/?location=mylocation1") を jQuery コードで使用するには、次に従ってください。手順:

まず、URL パラメーターを解析する JavaScript 関数を定義します:

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
ログイン後にコピー

次に、getUrlVars() 関数を使用して「場所」値を抽出します:

var locationValue = getUrlVars()['location'];
ログイン後にコピー

これで、抽出された値を jQuery で利用できるようになります。 code:

$('html,body').animate({ scrollTop: $('#div#' + locationValue).offset().top }, 500);
ログイン後にコピー

これにより、セレクターで指定された「location」値に対応する ID を持つ要素までページがスクロールされます (例: "#div#mylocation1")。

以上がjQuery で URL クエリ文字列パラメータを取得して使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート