在Web开发中，我们经常需要从URL中获取查询字符串参数。查询字符串是URL中问号后面的部分，用于传递额外的数据。例如，在以下URL中：
https://www.example.com/search?q=javascript&page=2
查询字符串是 ?q=javascript&page=2。
在JavaScript中，我们可以使用一些方法来获取查询字符串值。下面是一些最常用的方法：
使用 window.location.search 属性
window.location 对象包含有关当前 URL 的信息。其中一个属性是 search，它返回 URL 中的查询字符串。
const queryString = window.location.search; console.log(queryString); // "?q=javascript&page=2"
使用 URLSearchParams 对象
URLSearchParams 是一个内置对象，用于解析和操作查询字符串。
const params = new URLSearchParams(window.location.search);
console.log(params.get("q")); // "javascript"
console.log(params.get("page")); // "2"URLSearchParams 还提供了一些其他有用的方法，如 set、append 和 delete。
使用正则表达式
如果您不想依赖于内置对象，也可以使用正则表达式来提取查询字符串值。
-- -------------------- ---- -------
-------- ------------------------ -
----- ------- - -----------------------------
--- ----------------------------
--
------ ------- - ---------- - -----
-
-------------------------------------- -- ------------
----------------------------------------- -- ---这种方式需要使用正则表达式来匹配查询字符串参数，并提取值。
无论您选择哪种方法，都应该记住对查询字符串参数进行验证和处理。例如，确保输入是预期的数据类型，避免注入攻击等安全问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7120