从显示自定义分类标题和图像的循环中获取固定链接

[
  {
    "title": "分类1",
    "image": "image1.jpg",
    "link": "https://example.com/page1"
  },
  {
    "title": "分类2",
    "image": "image2.jpg",
    "link": "https://example.com/page2"
  },
  {
    "title": "分类3",
    "image": "image3.jpg",
    "link": "https://example.com/page3"
  }
]

<div id="categories"></div>

<script>
  var data = [
    {
      "title": "分类1",
      "image": "image1.jpg",
      "link": "https://example.com/page1"
    },
    {
      "title": "分类2",
      "image": "image2.jpg",
      "link": "https://example.com/page2"
    },
    {
      "title": "分类3",
      "image": "image3.jpg",
      "link": "https://example.com/page3"
    }
  ];

  var categoriesDiv = document.getElementById("categories");

  for (var i = 0; i < data.length; i++) {
    var category = data[i];

    var link = document.createElement("a");
    link.href = category.link;

    var image = document.createElement("img");
    image.src = category.image;

    var title = document.createElement("h2");
    title.textContent = category.title;

    link.appendChild(image);
    link.appendChild(title);

    categoriesDiv.appendChild(link);
  }
</script>