如何通过 jQuery 检索和使用 URL 查询字符串参数？-js教程-PHP中文网

如何通过 jQuery 检索和使用 URL 查询字符串参数？

Susan Sarandon

发布： 2024-11-25 00:54:13

原创

789 人浏览过

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中文网其他相关文章！