如何将类名添加到不同页面上的元素

Question

我有一个图像滑块，当单击下一个和上一个按钮以显示当前图像时，类名称“当前”会发生变化。我想创建一个单独的概览页面，在网格中显示所有图像，然后当单击图像时，您将被定向到滑块页面，并且所选图像具有“当前”类。 因为我无法从概览页面访问和添加/删除“当前”类，所以我不确定如何实现我正在寻找的功能。我希望有一种方法可以加载 Slider 页面并传入一个函数，该函数会更改您被定向到的页面上的类名。

任何有关解决此问题的不同方法的帮助或建议都将不胜感激。

另外，这只是使用 Vanilla JS。我还比较新，还在努力了解基础知识。

谢谢！

Answer 1

想到的最简单的解决方案是使用GET parameter：https://example.com/overview?currentimage=1。通过这种方式，您可以在 url 中包含图像 ID，并可以在概览页面上进行相应的操作。但是，这仅在您打开新页面时有效。

如果您希望图像在概览页面上随着滑块的变化而实时变化，您必须查看cookies、session 和/或HTML5 Web Storage。这些允许您跨多个页面存储和共享数据。您在滑块更改时更新 cookie/会话/存储，然后使用循环检索概览页面上的数据，该循环每隔一两秒检查一次更改，并更新网格。