我如何将数据传递到动态创建的页面？

Question

我正在制作一个用于与篮球队，比赛，日程表等保持同步的Web应用程序。我有一个页面上带有球队徽标网格，当单击球队徽标时，我希望它将球队名称传递给球队详细信息页面，该页面根据从团队页面传递的值使用javascript填充。最好的方法是什么？

这是团队徽标代码的示例

<li>
  <figure>
    <a data-fancybox-group="group" href="img1.jpg" class="fancybox"><img src="img.jpg" alt=""><i class="icon-signs23"></i></a>
    <figcaption>
      <h6><a href="teamDetails.html">Rockets</a></h6>
    </figcaption>
  </figure>
</li>

Answer 1

您可以在href中使用查询字符串，示例代码：

<a href="teamDetails.html?name=rockets">Rockets</a>

在新页面中，您可以通过：]获得价值

const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get('name');