首页 >web前端 >js教程 >如何通过 jQuery 检索和使用 URL 查询字符串参数?

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

Susan Sarandon
Susan Sarandon原创
2024-11-25 00:54:13732浏览

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