javascript - 如何制作可被多个页面访问的 javascript 变量？

Question

我正在尝试制作自己的迷你网络应用程序，并希望实现暗模式。我已经有了暗模式本身的代码，但是，当我更改页面时，暗模式不会保留。是否存在“页面范围”变量之类的东西？我已经环顾四周，发现了类似local storageand的东西session storage，但据我所知，这些只是针对特定页面，而不是针对整个网站。

（如果解决方案使用纯js，会更喜欢）

标签： javascripthtml

Answer 1

据我所知，localStorage它没有过期日期，这意味着只要用户明确告诉浏览器清除其数据（如果我错了，请纠正我），您就可以使用它。

我可能不太擅长解释，所以这里有一个如何使用它的链接： https ://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

仅供参考，您可以@media (prefers-color-scheme: dark)在 CSS 中使用，在未来的浏览器中，配色方案将由浏览器设置决定。