JavaScript中获取当前URL参数的方法如下：使用window.location.search获取查询字符串，然后通过new URLSearchParams()创建一个URLSearchParams对象，接着使用get('参数名')方法来获取特定参数的值。如果URL是http://example.com/page?param=value，则可以通过URLSearchParams.get('param')获取到value。

本文目录导读：

1. URL参数概述

JavaScript获取当前URL参数的奥秘与技巧

随着互联网技术的飞速发展，前端开发领域也日新月异，JavaScript作为前端开发的核心技术之一，在处理URL参数方面具有举足轻重的地位，本文将带领大家深入探讨JavaScript获取当前URL参数的奥秘与技巧，让读者轻松掌握这一实用技能。

URL参数概述

URL（Uniform Resource Locator，统一资源定位符）是互联网上用于定位资源的地址，一个典型的URL由以下几部分组成：

1、协议（如http、https等）

2、域名（如www.example.com）

3、路径（如/path/to/resource）

4、查询字符串（如?name=John&age=30）

查询字符串用于传递参数，参数之间使用“&”符号连接，每个参数由键值对组成，键和值之间使用“=”符号连接。

二、JavaScript获取当前URL参数的方法

1、使用window.location对象

window.location对象是JavaScript中用来获取当前URL的一个全局对象，通过访问window.location.search属性，可以获取到查询字符串，进而解析出URL参数。

以下是一个示例代码：

// 获取当前URL的查询字符串
var search = window.location.search;
console.log(search); // 输出：?name=John&age=30
// 解析查询字符串
var params = {};
search.substr(1).split('&').forEach(function(param) {
    var arr = param.split('=');
    params[arr[0]] = arr[1];
});
console.log(params); // 输出：{name: "John", age: "30"}

2、使用URLSearchParams对象

URLSearchParams对象是HTML5新增的一个API，用于解析和操作查询字符串，通过创建URLSearchParams实例并传入查询字符串，可以方便地获取URL参数。

以下是一个示例代码：

// 创建URLSearchParams实例
var params = new URLSearchParams(window.location.search);
console.log(params.get('name')); // 输出：John
console.log(params.get('age')); // 输出：30

3、使用第三方库

除了以上两种方法，还有一些第三方库可以帮助我们更方便地处理URL参数，如qs、url-parse等，以下是一个使用qs库的示例代码：

// 引入qs库
var qs = require('qs');
// 获取当前URL的查询字符串
var search = window.location.search;
console.log(search); // 输出：?name=John&age=30
// 解析查询字符串
var params = qs.parse(search);
console.log(params); // 输出：{name: "John", age: "30"}

JavaScript获取当前URL参数的方法有很多，本文介绍了三种常用的方法，在实际开发中，可以根据项目需求选择合适的方法，掌握这些技巧，有助于我们更好地处理URL参数，提高前端开发的效率。

JavaScript获取当前URL参数是一项非常实用的技能，希望本文能帮助读者轻松掌握这一技术，为前端开发之路助力。