javascript - 在满足另一个页面上的特定条件后更改元素的样式

Question

我的 html 代码中有一个视频链接，当用户单击它时，它将在新选项卡中打开。我想要做的是，当用户观看整个视频(或其中一半)时，第一页上的链接样式会发生变化(例如更改其颜色)。但是如果用户没有观看整个视频，我不希望第一页的链接样式发生任何变化。我如何使用 JavaScript 做到这一点？

Answer 1

我认为最好的办法是在 localstorage 中设置一个变量或 sessionstorage (取决于您希望效果持续多长时间)。您基本上必须向 localstorage 添加一个 key 在视频播放结束后，根据localstorage的当前状态更改发送页面所有链接的样式.

但是，这看起来确实很复杂且没有必要，而且我认为复杂性可能是用户体验气味的一个指标。如果您能提供更多关于您将如何播放视频以及用户能够从链接本身看到这一点的重要性的信息，将会很有帮助。