javascript - 如何使用 JavaScript 更改所有网站页面的正文背景颜色？

Question

简而言之，我有一个网站 http://myWebSite包含两个页面 page1.html 和 page2.html
我在 page1.html 和 page2.html 的 head 部分使用了 CSS 样式表

<link crossorigin="anonymous" rel="stylesheet" href="myStyles.css">

我的样式.css:

body {
  background-color: blue;
}

在 page1.html 上，我使用以下 JavaScript 代码修改当前页面的底色:

<script>
document.styleSheets[0].cssRules[0].style.backgroundColor="white";
</script>

正如预期的那样，只有 page1.html 的背景颜色发生了变化。如何为所有网站页面保留此修改？我想我必须使用 cookie。正确的 ？我该怎么做？
谢谢回答。

Answer 1

设置 cookie 可能有效。一个更好/更广泛的解决方案是使用 LocalStorage。这样，更改将出现在任何网络浏览器中。如果您不熟悉 W3School，这里有一个使用 LocalStorage 的好例子:https://www.w3schools.com/html/html5_webstorage.asp

根据我的代码，我有

    if (typeof Storage !== 'undefined') {
      if (localStorage) localStorage.setItem('bodyclass', color);
    }

和

try {
    var bodyClass = localStorage.getItem('bodyclass');
    if (bodyClass) $(document.body).addClass(bodyClass);
  }
catch (e) {
  error.reportError("No local storage support. Changes to body style will not be persistant");
}