html获取location,通过定义JS窗口对象获取url地址location.search部分的参数值

可以通过以下代码获取当前网页 URL 中的参数值：

// 获取 URL 中的参数部分
var params = window.location.search.substring(1).split("&");

// 将参数转化为对象形式
var paramsObj = {};
for (var i = 0; i < params.length; i++) {
  var param = params[i].split("=");
  paramsObj[param[0]] = decodeURIComponent(param[1]);
}

// 获取指定参数的值
var paramValue = paramsObj["paramName"];

其中，`params` 变量是一个数组，每个元素为一个参数的名称和值，形如 `"name=value"`。`paramsObj` 变量是一个对象，每个属性为一个参数的名称，对应的值为参数的值。`decodeURIComponent` 函数用于将 URL 编码的字符串解码成可读的字符串。最后，可以通过访问 `paramsObj` 对象中指定属性的方式获取该参数的值。

相关问题

window.location.search获取多值

当 `window.location.search` 用于获取URL查询字符串时，它将返回以 `?` 开头的所有查询参数。

如果查询参数包含多个值，它们将由 `&` 分隔。例如，URL `https://example.com/?foo=bar&baz=qux&baz=quux` 中的查询参数包含两个键值对：`foo=bar` 和 `baz=qux&baz=quux`，其中 `baz` 有两个值：`qux` 和 `quux`。

您可以使用 `URLSearchParams` API 以编程方式解析查询字符串，或者您可以使用正则表达式从 `window.location.search` 字符串中提取多个值：

const searchParams = new URLSearchParams(window.location.search);
const bazValues = searchParams.getAll('baz'); // ['qux', 'quux']

// 或者使用正则表达式提取多个值
const regex = /[?&]baz=([^&]*)/g;
const bazMatches = [];
let match;
while ((match = regex.exec(window.location.search)) !== null) {
  bazMatches.push(match[1]);
}
console.log(bazMatches); // ['qux', 'quux']

怎么使用window.location.href解析url获取参数

使用window.location.href解析URL获取参数的方法如下[^2]：

// 获取URL中的参数
function getUrlParams() {
  var params = {};
  var url = window.location.href;
  var paramStr = url.split('?')[1];
  if (paramStr) {
    var paramArr = paramStr.split('&');
    for (var i = 0; i < paramArr.length; i++) {
      var param = paramArr[i].split('=');
      key = decodeURIComponent(param[0]);
      var value = decodeURIComponent(param[1]);
      params[key] = value;
    }
  }
  return params;
}

// 示例
var params = getUrlParams();
console.log(params); // 输出获取到的参数对象

这段代码定义了一个名为getUrlParams的函数，它会解析URL中的参数并返回一个参数对象。函数内部首先获取当前页面的URL，然后通过split方法将URL分割成两部分，取第二部分即参数部分。接着使用split方法将参数部分分割成多个参数，并使用decodeURIComponent方法对参数进行解码。最后将解析得到的参数存储在一个对象中，并返回该对象。

使用示例中的代码，可以获取到URL中的参数，并将其存储在params对象中。你可以根据需要使用params对象中的参数进行后续操作。