首頁 > web前端 > js教程 > 主體

如何透過 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 擷取「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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板