在 JavaScript 中获取 URL 参数的方法:使用 URLSearchParams 接口解析 URL 字符串;使用正则表达式从 URL 字符串中提取参数;使用 JavaScript 框架(如 jQuery)提供的宏获取参数。

如何在 JavaScript 中获取 URL 参数
在 JavaScript 中,可以通过以下方法获取 URL 参数:
1. 使用 URLSearchParams 接口
URLSearchParams 接口是一个内置的 JavaScript 对象,它可以解析 URL 字符串并提供对参数的访问。
const url = new URL(window.location.href);
const searchParams = url.searchParams;
const id = searchParams.get('id');2. 使用正则表达式
可以使用正则表达式从 URL 字符串中提取参数。
【极品模板】出品的一款功能强大、安全性高、调用简单、扩展灵活的响应式多语言企业网站管理系统。 产品主要功能如下: 01、支持多语言扩展(独立内容表,可一键复制中文版数据) 02、支持一键修改后台路径; 03、杜绝常见弱口令,内置多种参数过滤、有效防范常见XSS; 04、支持文件分片上传功能,实现大文件轻松上传; 05、支持一键获取微信公众号文章(保存文章的图片到本地服务器); 06、支持一键
const url = window.location.href; const matches = url.match(/id=(\d+)/); const id = matches[1];
3. 使用宏
一些 JavaScript 框架(如 jQuery)提供了宏来获取 URL 参数。
jQuery 示例:
const id = $.getUrlParam('id');注意:
- 参数的名称通常位于 URL 字符串的查询部分(问号 (?) 之后)。
- 参数的值是使用等号 (=) 与参数名称连接的。
- 参数之间使用与号 (&) 分隔。









