时间戳

首页 > 解决方案 > URL位置有人可以解释吗？

javascript - URL位置有人可以解释吗？

问题描述

我刚刚开始学习位置 API，例如 javascript 中的重定向 URL，我无法理解以下三行，有人可以解释一下吗？

let windowUrl = new URLSearchParams(window.location.search);
const queryString = window.location.href;
const firstParam = queryString.substring(queryString.lastIndexOf("?") + 1).split("=")[0];

标签： javascript

解决方案

第一行没用。如您所见，windowUrl 永远不会被使用。

以下两行：

window.location.href 只不过是您在浏览器地址栏中看到的 URL。说，https://www.youtube.com/watch?v=123456

所以queryString = "https://www.youtube.com/watch?v=123456"

第二行的作用是获取“？”之后的所有内容。在那个字符串中。所以v=123456

然后，它v=123456 以“=”作为分隔符。所以，最后你得到123456.

现在，以上所有内容都非常野蛮，因为您可以通过这种方式获取“v”参数的值：

let url = new URL(window.location.href);
let v   = url.searchParams.get("v");

URL 是一个接口，我们可以说“分析”一个 URL 并为您提供方便地解析它的方法，例如 searchParams 方法等等。

MDN https://developer.mozilla.org/en-US/docs/Web/API/URL

推荐阅读