在前端开发中，我们经常需要从 URL 参数或者表单提交参数中获取某个特定的值或者一段文本。本文将介绍如何使用 JavaScript 从参数中获取一个片段，并提供相应的示例代码。
获取 URL 参数中的片段
在 URL 中，可以通过问号后面的参数列表来传递参数。例如，在以下 URL 中：
https://example.com/path/to/page?param1=value1¶m2=value2
我们可以通过 JavaScript 来获取 param1 的值：
const urlParams = new URLSearchParams(window.location.search);
const param1 = urlParams.get('param1');
console.log(param1); // 输出 "value1"上述代码使用了 URLSearchParams 对象来获取 URL 中的参数列表，然后调用 get() 方法来获取指定参数的值。如果要获取多个参数，只需要连续调用多次 get() 方法即可。
获取表单参数中的片段
在表单提交时，可以通过表单元素的 name 属性来标识每个参数。例如，在以下表单中：
-- -------------------- ---- ------- ------ ------ --------------------------- ------ ----------- ------------- ---------------- ------ -------------------------- ------ --------------- ------------- ---------------- ------- ------------------------- -------
我们可以通过 JavaScript 来获取用户名和密码：
const form = document.querySelector('form');
const username = form.elements.username.value;
const password = form.elements.password.value;
console.log(username, password);上述代码使用了 querySelector() 和 elements 属性来获取表单元素和其值。需要注意的是，如果表单中有多个同名参数，则可以通过 elements 属性的数组形式来获取所有的值。
总结
本文介绍了如何使用 JavaScript 从 URL 参数或者表单提交参数中获取一个片段。了解这些技术对前端开发非常重要，因为在实际项目中经常需要从参数中获取特定的值或者一段文本。希望读者能够从中受益，并在实际工作中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13733