首頁 >web前端 >js教程 >如何透過 jQuery 檢索和使用 URL 查詢字串參數?

如何透過 jQuery 檢索和使用 URL 查詢字串參數?

Susan Sarandon
Susan Sarandon原創
2024-11-25 00:54:13731瀏覽

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

使用jQuery 從URL 擷取查詢字串

從提供的URL 擷取「location」參數的值(「http:// /www.mysite.co.uk/?location=mylocation1") 並在jQuery在程式碼中使用它,請遵循這些步驟:

首先,定義一個JavaScript 函數來解析URL 參數:

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程式碼中使用提取的值:

$('html,body').animate({ scrollTop: $('#div#' + locationValue).offset().top }, 500);

這將捲動頁面到 ID 與選擇器中指定的「location」值相對應的元素(例如「#div#mylocation1」)。

以上是如何透過 jQuery 檢索和使用 URL 查詢字串參數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn