Js获取URL中的指定参数

平时项目中页面跳转需要携带参数，为方便获取URL中指定参数

整理了两个方法

 

方法1：URLSearchParams()

URLSearchParams对象定义了操作 URL传递参数的方法

//获取url传递的信息?之后的参数

function GetUrlParmas(name){

     let query = location.search;

     let searchParams = new URLSearchParams(query);

     return searchParams.get(name);

}

var name = GetUrlParmas('id');//获指定参数

console.log(name);

 

方法 2 封装函数

// 获取URL中的 指定的参数值

function getQueryString(name) {

   var url = window.location.search; // 获取URL

   var pattern =new RegExp("[\?\&]" + name + "=([^\&]+)", "i"); // 正则匹配URL

   var matcher = pattern.exec(url);

   if (matcher == null || matcher.length < 1) {

      return "没有该参数";

   }

    return decodeURIComponent(matcher[1]); // 输出指定的参数值 中文也可以

}

 

//输入指定的参数名，直接获取参数值

var ID = getQueryString('id');

console.log(ID);

 

若对你有所帮助，请点个赞哦