javascript - 如何使用 js 读取所有 url 参数？

Question

有什么办法，如何读取 url 参数？

www.example.com/detail?id=12
www.example.com/detail/12

返回 12...

我不知道参数是什么。我想全部归还。

Answer 1

您可以使用window.location.href获取带有参数的 URL。

访问第二个示例中的 id 参数 (www.example.com/detail/12)

var url = window.location.href;
return url.substring(url.lastIndexOf('/')+1);

如果您不需要它在 Internet Explorer 中工作，您也可以实现 URLSearchParams它允许您定义一个 URL 对象并直接从中检索参数:

来自 https://developer.mozilla.org 的示例

var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"