js获取Url中参数值

最新推荐文章于 2025-04-02 06:05:29 发布

原创最新推荐文章于 2025-04-02 06:05:29 发布 · 577 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#url #javascript

收录于

学习笔记同时被 3 个专栏收录

18 篇文章

订阅专栏

javascript

8 篇文章

订阅专栏

其他

3 篇文章

订阅专栏

本文介绍了一种简单实用的方法来解析URL中的参数值。通过使用JavaScript编写的一个函数，我们可以轻松地从URL中提取指定参数的值。例如，在URL http://www.test.com/index.html?value1=1&value2=2 中，可以通过此方法快速获取到value1或value2的值。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

有时候我们在网页上需要获取url中某个参数的值，如http:www.test.com/index.html?value1=1&value2=2；
这时需要获取value1或者value2的值，可以采用以下的方法进行获取：

function getUrlParamvalue(paramName) {
    var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if(r != null) {
        return decodeURIComponent(r[2]);
    }
    return null;
}

其中 window.location.search获取的url中含有？及其之后的字符串。以http:www.test.com/index.html?value1=1&value2=2为例，window.location.search获取的字符串就是?value1=1&value2=2

获取参数，举个栗子（获取value2的值）：

这里写图片描述