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

Question

我正在搜索并没有发现任何内容，我有一个页面规范.html，其中包含三个链接，例如 details.html?id=1 和 details.html?id=2 和 details.html?id=3 ，我想显示详细信息每个链接，如果有人点击了 details.html?id=1 链接，然后在 details.html 页面上显示 id =1 ，我可以用 php 来做，但我的老师说我只能用 javascript 来做，我不知道该怎么做，所以请如果有人帮助我，我将非常感谢你

Answer 1

As far as I get it, you want to know the value of the "id" search param when accessing the "details.html" page. As stated in this answer to the question "How can I get query string values in JavaScript?" , you can use URLSearchParams which is simple and has good browser support .

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

This will create an URLSearchParams object which parses the window.location.search string and is able to return one specific param, like "id".