如何仅使用javascript在另一个页面中显示链接参数详细信息？

Question

我正在搜索，但没有找到任何内容，我有一个页面Specification.html，它具有三个链接，例如details.html？id = 1和details.html？id = 2和details.html？id = 3，我想显示每个链接的详细信息，如果有人单击specs.html页面上的details.html？id = 1链接，然后在details.html页面上显示id = 1，我可以用php来做，但是我的老师说我可以用javascript来做仅此而已，我不知道该怎么做，所以如果有人帮助我，我将非常感谢您

Answer 1

据我了解，您想在访问“ details.html”页面时了解“ id”搜索参数的值。如问题answer的"How can I get query string values in JavaScript?"所述，您可以使用简单且具有good browser support的URLSearchParams。

const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id'); // for a search "&id=2", the value of "id" will be 2.

这将创建一个URLSearchParams对象，该对象将解析window.location.search字符串，并能够返回一个特定的参数，例如“ id”。