js获取url传值的方法

获取URL中传递的参数是JavaScript中常用的一个功能，以下是一些常见的方法：

1.使用location对象的search属性

URL中的查询参数可以通过location对象的search属性获得。该属性返回包含问号(?)的参数串，例如：

console.log(location.search); // 输出 ?id=123&name=John

可以将这些参数拆分成键值对，使用以下代码可以将字符串转换为一个对象：

function getParamsFromUrl() {
    var searchStr = location.search;
    var params = {};
    if (searchStr) {
        searchStr = searchStr.slice(1);
        var paramArr = searchStr.split('&');
        for (var i = 0; i < paramArr.length; i++) {
            var keyValueArr = paramArr[i].split('=');
            var key = decodeURIComponent(keyValueArr[0]);
            var value = decodeURIComponent(keyValueArr[1]);
            params[key] = value;
        }
    }
    return params;
}

2.使用正则表达式

也可以使用正则表达式解析URL，并从中提取参数值。

function getQueryParam(url, name) {
    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
    var results = regex.exec(url);
    return results === null ? undefined : decodeURIComponent(results[1].replace(/\+/g, ' '));
}

其中，url是要解析的URL字符串，name是要提取的参数名称。

示例1：使用search属性获取参数

例如，对于以下URL：

http://www.example.com/?id=123&name=John

可以使用以下代码获取id参数的值：

var params = getParamsFromUrl();
console.log(params['id']); // 输出 123

示例2：使用正则表达式获取参数

例如，对于以下URL：

http://www.example.com/article?id=123&name=John#top

可以使用以下代码获取id参数的值：

var url = location.href;
var id = getQueryParam(url, 'id');
console.log(id); // 输出 123

以上是两种获取URL传值的方法，可根据实际需求进行选择。