window.location.href如何解析参数

window.location.href是一个包含当前页面URL的字符串。如果URL中包含参数，可以使用JavaScript的URLSearchParams对象解析这些参数。以下是一个示例代码：

// 获取当前页面的URL
var url = window.location.href;

// 创建URLSearchParams对象，并传入URL作为参数
var searchParams = new URLSearchParams(url);

// 使用get()方法获取特定参数的值
var paramValue = searchParams.get('paramName');

// 输出参数值
console.log(paramValue);

在这个例子中，我们首先获取了当前页面的URL并创建了一个URLSearchParams对象。然后，我们使用get()方法来获取特定参数的值，将参数名作为参数传递给get()方法。最后，我们将参数值输出到控制台。

相关问题

怎么使用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对象中的参数进行后续操作。

window.location.href.slice(window.location.href.indexOf("token=") + 6)

这是 JavaScript 代码，用于从当前页面的 URL 中提取名为 "token" 的查询参数的值。具体来说，它使用了 JavaScript 中的字符串切片（slice）函数和字符串索引（indexOf）函数。解释如下：

- window.location.href：表示当前页面的 URL。
- indexOf("token=")：返回字符串 "token=" 在当前页面的 URL 中第一次出现的位置（索引值），如果未找到则返回 -1。
- slice(window.location.href.indexOf("token=") + 6)：从当前页面的 URL 字符串中截取从第一个出现 "token=" 的位置往后数 6 个字符的子字符串，即 "token=" 后面的值。这里的 6 表示 "token=" 字符串的长度加上 "=" 字符的长度。

例如，如果当前页面的 URL 是 "https://example.com/login?username=john&token=1234567890"，那么这段代码的返回值将是字符串 "1234567890"。