js中window. location. search的用法和作用介绍

在JavaScript中，window.location.search是一个返回当前页面URL中查询参数的属性。它返回的是一个字符串，包含了从问号（？）开始的所有查询参数。

以下是一些示例URL和它们对应的window.location.search值：

• https://example.com/page?name=John&age=25：window.location.search将返回"?name=John&age=25"
• https://example.com/page?category=books：window.location.search将返回"?category=books"
• https://example.com/page：window.location.search将返回空字符串（””）

你可以使用window.location.search来获取当前页面URL中的查询参数，并进一步处理这些参数。例如，你可以使用以下方法将查询参数转换为JavaScript对象：

function getQueryParams() {
  var search = window.location.search.substring(1);
  var params = {};
  
  if (search) {
    var paramPairs = search.split("&");
    
    for (var i = 0; i < paramPairs.length; i++) {
      var pair = paramPairs[i].split("=");
      var key = decodeURIComponent(pair[0]);
      var value = decodeURIComponent(pair[1] || "");
      
      params[key] = value;
    }
  }
  
  return params;
}

// 示例使用
var queryParams = getQueryParams();
console.log(queryParams.name); // 输出 "John"
console.log(queryParams.age); // 输出 "25"

通过使用window.location.search，你可以轻松地访问并解析URL中的查询参数，以根据需要进行相应的操作。