Javascript如何获取 loaction 中参数值
在 JavaScript 中，你可以使用 window.location.search 属性来获取 URL 中的查询参数。
然后，你可以使用各种方法来解析和提取参数值。
以下是一个示例代码，演示了如何获取 URL 中的查询参数值：
// 获取 URL 中的查询参数
var queryString = window.location.search;
// 去除问号，并将查询参数转换为对象形式
var params = new URLSearchParams(queryString);
// 获取特定参数的值
var paramValue = params.get('paramName');
console.log(paramValue);在上面的示例中，window.location.search 返回的是包含查询参数的字符串，包括问号。然后，我们使用 URLSearchParams 对象将查询参数转换为键值对的形式，方便我们进行操作。最后，使用 get 方法来获取特定参数的值。
例如，对于以下 URL：https://example.com/?param1=value1¶m2=value2，以上代码将输出 value1。
请注意，这只适用于现代浏览器环境。在某些旧版本的浏览器中，可能需要使用其他方法来解析查询参数。
扩展 Javascript 中 loaction
在 JavaScript 中，location 对象提供了访问当前页面 URL 相关信息的属性和方法。通过 location 对象，我们可以获取当前页面的 URL、查询参数、锚点等信息，并且可以使用 JavaScript 来修改当前页面的 URL。
以下是一些 location 对象的常用属性和方法：
-
•
location.href：获取或设置当前页面完整的 URL。 -
•
location.protocol：获取或设置当前页面的协议（例如：http、https）。 -
•
location.host：获取或设置当前页面的主机名和端口号。 -
•
location.hostname：获取或设置当前页面的主机名。 -
•
location.port：获取或设置当前页面的端口号。 -
•
location.pathname：获取或设置当前页面的路径部分。 -
•
location.search：获取当前页面的查询参数部分。 -
•
location.hash：获取或设置当前页面的锚点部分。 -
•
location.reload()：重新加载当前页面。
例如，以下代码演示了如何使用 location 对象来获取当前页面的 URL，并将其输出到控制台：
// 获取当前页面的 URL
var currentUrl = location.href;
// 输出当前页面的 URL
console.log(currentUrl);在上述代码中，我们使用 location.href 属性获取当前页面的完整 URL，并将其保存到 currentUrl 变量中。然后，我们使用 console.log() 方法将 currentUrl 输出到控制台。
除了获取信息之外，我们还可以使用 location 对象来修改当前页面的 URL。例如，以下代码演示了如何使用 location 对象来修改当前页面的路径部分：
// 修改当前页面的路径部分
location.pathname = "/new-path";在上述代码中，我们使用 location.pathname 属性将当前页面的路径部分修改为 /new-path。这将导致浏览器加载新的 URL，并显示具有新路径的页面。
location 对象是 JavaScript 中一个非常有用的对象，它提供了许多有用的属性和方法，可以帮助我们获取和修改当前页面的 URL 相关信息。
原文始发于微信公众号（前端爱好者）：Javascript如何获取 loaction 中参数值
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/267208.html
