js页面跳转传值问题 以及闭包问题

Question

我想要获取用户点击的a标签的id值传给下一页，不知道该如何调用，我试过用闭包可是点击图片时就会跳转
代码如下：

js代码

    var as = document.getElementsByClassName("a");
    for (i = 0; i < as.length; i++) {
      as[i].addEventListener("click", function liang() {
        for (let i = 0; i < as.length; i++) {
          as[i].style.color = "black";
        }
        this.style.color = "red";
        var id = this.id;
      });
    }

html代码

<div class="container">
    <p><a id="1" class="a" href="#">第1张图</a></p>
    <p><a id="2" class="a" href="#">第2张图</a></p>
    <p><a id="3" class="a" href="#">第3张图</a></p>
//按钮
    <p><a href="index2.html">跳转</a></p>
  </div>

注意我可能没有表达清楚，是点击跳转的时候将选中图片的id穿给第二页，而不是点击图片的时候就直接跳转

Answer 1

<a id="1" class="a" href="/nextPage?id=1">第1张图</a>
直接这样不行吗

Answer 2

楼上正解~说的不错

Answer 3

一楼正解 也可以这样
点击a标签 在js中获取id值然后拼接到你的下个页面的地址后面 location.href 走你

Answer 4

同意楼上，既然你能够准确的把 id 放到 <a> 里，那么你当然可以让 <a> 的链接指向正确的地址。前端开发中，应该尽量使用 HTML 标准属性，少用 JS 模拟。

Answer 5

感谢各位给的灵感 ，可以在点击图片后将id值赋给跳转按钮的id，从而得到参数

Answer 6

把id 存在本地,localstorage 了解一下.