当前位置:首页 > 问答 > 正文

JQuery URL参数获取方法:JQuery如何在浏览器中获取URL参数值代码?


JQuery | URL参数获取 | 浏览器 | URL参数值 | 代码示例
参考(2025-08):

  1. 核心方法:使用 URLSearchParams 或正则表达式解析当前页面的 window.location.search

    JQuery URL参数获取方法:JQuery如何在浏览器中获取URL参数值代码?

  2. JQuery代码示例

    // 方法1:原生JS结合JQuery(推荐)
    function getUrlParam(param) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(param);
    }
    // 调用示例
    let id = getUrlParam('id');  
    // 方法2:纯JQuery(正则匹配)
    $.getUrlParam = function(name) {
        var results = new RegExp('[?&]' + name + '=([^&#]*)').exec(window.location.href);
        return results ? results[1] : null;
    };
  3. 注意事项

    JQuery URL参数获取方法:JQuery如何在浏览器中获取URL参数值代码?

    • 参数需解码(如 decodeURIComponent() 处理特殊字符)。
    • 兼容性:URLSearchParams 不支持IE,需降级处理。
  4. 典型应用场景

    • 分页参数(如 ?page=2
    • 用户跟踪(如 ?ref=promo

发表评论