简而言之,我有一个网站 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。正确的 ?我该怎么做?
谢谢回答。
最佳答案
设置 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");
}
关于javascript - 如何使用 JavaScript 更改所有网站页面的正文背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57615781/