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

Question

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

这是团队 Logo 的代码示例

<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>

在新页面中，您可以通过以下方式获得值(value):

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