将 url 中的元素存储为单独的变量

【问题标题】：store elements in url as seprate variables将 url 中的元素存储为单独的变量
【发布时间】：2021-09-03 11:54:39
【问题描述】：

假设我有一个 URL：https://whatever.com/#-Mquighthj23jjsn---12384959 如何将-Mquighthj23jjsn 和12384959 存储在两个单独的变量中在javascript中？？？

【问题讨论】：

【解决方案1】：

您可以通过调用 window.location.hash 从当前 url 获取整个哈希，因此在您的情况下，您可以像这样在数组中获取这些变量：

const urlVariables = window.location.hash.substring(1).split('---');

因此，您将拥有一个包含-Mquighthj23jjsn 和12384959 的数组。

【讨论】：

【解决方案2】：

这不是在 URL 中传递参数的正确方法，因为如果我们以后添加或删除任何参数，代码可能会中断。根据标准 URL 参数应该在键值对中并用 & 字符分隔。例如 - https://abc.xyz/category?xyz&page?10。

这里是如何通过键获取参数值的代码。

var url = new URL(window.location.href);
var c = url.searchParams.get("category");
var p = url.searchParams.get("page");
console.log(c);

【讨论】：