怎样用JavaScript获取URL参数？

在javascript中获取url参数可以使用正则表达式或urlsearchparams api。1) 正则表达式方法简单但对复杂url可能不适用。2) urlsearchparams api更现代，易用且处理复杂url更好，但需考虑旧版浏览器兼容性。

在JavaScript中获取URL参数是一项常见的任务，尤其是在处理动态网页和用户交互时。让我们深入探讨如何实现这一功能，并分享一些实用的经验和技巧。

获取URL参数的核心在于解析URL的查询字符串部分。假设我们有一个URL像这样：https://example.com?param1=value1&param2=value2，我们需要提取param1和param2的值。

让我们从一个简单的实现开始：

立即学习“Java免费学习笔记（深入）”；

function getUrlParameter(name) {    name = name.replace(/[[]/, '[').replace(/[]]/, ']');    var regex = new RegExp('[?&]' + name + '=([^&#]*)');    var results = regex.exec(location.search);    return results === null ? '' : decodeURIComponent(results[1].replace(/+/g, ' '));}// 使用示例var param1 = getUrlParameter('param1');console.log(param1); // 输出: value1

登录后复制