Javascript 更改该页上的类时直接转到另一页

我有两个html页面，需要将第一个页面链接到第二个页面，然后修改第二个页面上的元素类

例如。。第一页有两个按钮如果你按下第一个按钮，你会被引导到第二页，第二页的背景变成绿色。如果你按下第二个按钮，你会得到相同的方向，但背景变成蓝色

---

有没有办法做到这一点？不使用jquery。

您可以通过查询字符串传递一个参数，然后使用第2页的

document.location.search

获取参数并相应设置颜色

<a href="page2.html?color=green">Green</a>
<a href="page2.html?color=blue">Blue</a>

---

重定向并将参数附加到URL，在接收页面上读取并处理它。我明白了，谢谢。如果我需要更改多个元素怎么办？基本上，我需要将第2页上的这些div设置为：el1.style.display=“block”；el2.style.display=“无”；el3.style.display=“无”；el4.style.display=“无”；当然，在你按下第一页的按钮后，你可以走几条路。您可以使用css通过使用body.blue选择器高亮显示您想要的一个，隐藏其他的。或者，您可以将一个类分配给隐藏所有div的div，然后使用

document.querySelector（…）.classList.remove（…）

，从可见的div中删除该类，但是您似乎开始希望在服务器端执行此操作了？只需根据参数以您需要的方式呈现page2？为什么要在客户端使用javascript？我只是想知道是否有一种在客户端使用javascript的方法，因为我没有任何服务器端语言

<script>
    // Assuming the query string is ?color=blue,
    // splitting on = will result in ["?color", "blue"].
    // In the real world you shouldn't assume it's in
    // exactly that format, but for the sake of example...

    var color = window.location.search.split('=')[1];

    // add the css class 'blue' to the body tag.
    var document.body.classList.add(color);
</script>

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}