Question

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

例如..如果按第一页，第一页有2个按钮，您将被定向到第二页，第二页背景变为绿色。如果按第二个按钮，则会以相同的方式定向，但背景变为蓝色。

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

Answer 1

您可以通过查询字符串传递参数，并使用第2页的document.location.search获取参数并相应地设置颜色。

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

然后在第2页：

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

在css中：

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}

在更改该页面上的类时直接转到另一个页面

1 个答案: