美文网首页让前端飞Web前端之路
获取页面参数search的几种方法

获取页面参数search的几种方法

作者: Mr无愧于心 | 来源:发表于2020-03-31 16:13 被阅读0次

1.通过正则

function getUrlParams(url){
  const reg = /([^&?#]+)=([^&?#]+)/g;
  const obj = {};
  url.replace(reg, (...arg) => {
    const [, arg1, arg2] = arg;
    obj[arg1] = arg2;
  })
  return obj;
}

2.通过字符串拆分

function getUrlParams(Url){
    var str = Url;
    str = str.split('?')[1];
    var arr = str.split("&");
    var obj = new Object();
    for (var i = 0; i < arr.length; i++) {
        var tmp_arr = arr[i].split("=");
        obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
    }
    return obj;
}

3.通过原生格式化

// eg:window.location=http://www.baidu.com?id=10
var params = new URLSearchParams(window.location.search);
params.get('id')  //10

相关文章

网友评论

    本文标题:获取页面参数search的几种方法

    本文链接:https://www.haomeiwen.com/subject/ljowuhtx.html