首頁 >web前端 >js教程 >如何使用 jQuery 從 URL 取得查詢參數值?

如何使用 jQuery 從 URL 取得查詢參數值?

Susan Sarandon
Susan Sarandon原創
2024-11-24 21:11:14997瀏覽

How to Get Query Parameter Values from a URL Using jQuery?

如何使用jQuery 從URL 提取查詢參數

問題:

如何使用🎜>問題:
var thequerystring = "getthequerystringhere"

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

答案:

要從URL中提取查詢參數,可以使用以下程式碼snippet:

// Read a page's GET URL variables and return them as an associative array.
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;
}
此函數從瀏覽器網址列中取得 URL 參數,將它們分割為鍵值對,並將它們作為物件傳回。例如,URL http://www.example.com/?me=myValue&name2=SomeOtherValue 將傳回以下物件:

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}
使用此函數,您可以透過查詢參數存取查詢參數鍵。在您的情況下,要取得「location」參數,您可以編寫:

var locationValue = getUrlVars()["location"];
最後,您可以在 jQuery 語句中使用擷取的參數值,如下所示:

以上是如何使用 jQuery 從 URL 取得查詢參數值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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