javascript/jquery获取地址栏url参数的方法

方法一：

使用JavaScript的URLSearchParams对象可以很方便地获取地址栏的URL参数。例子如下：

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
 
// 获取指定参数名的参数值
const param1 = urlParams.get('param1');
 
// 获取所有参数名和参数值的映射对象
const paramsMap = Object.fromEntries(urlParams);

方法二：

如果不支持URLSearchParams对象，可以自己编写一个函数来获取地址栏的URL参数。例子如下：

function getUrlParams() {
  const queryString = window.location.search.substr(1);
  const keyValuePairs = queryString.split('&');
  const paramsMap = {};
 
  keyValuePairs.forEach(keyValue => {
    const [key, value] = keyValue.split('=');
    paramsMap[key] = value;
  });
 
  return paramsMap;
}
 
// 获取指定参数名的参数值
const param1 = getUrlParams().param1;
 
// 获取所有参数名和参数值的映射对象
const paramsMap = getUrlParams();

方法三：

如果使用jQuery，可以使用jQuery的param方法来获取地址栏的URL参数。例子如下：

const queryString = window.location.search.substr(1);
const paramsMap = $.param.querystring(queryString);
 
// 获取指定参数名的参数值
const param1 = paramsMap.param1;
 
// 获取所有参数名和参数值的映射对象
const paramsMap = $.param.querystring(queryString);