javascript - jquery如何改变你的网站背景？

Question

在我的网站中，我有这样的 css:

body { 
  background: #FFF url(../images/bg.jpg) no-repeat center fixed;
}

所以它设置了我的背景图片，我想做的是当用户加载某个页面时，背景图片会发生变化，不仅是他当前所在的页面，而且是所有页面。

我该怎么做？

现在我有这样的脚本:

<script>
document.body.style.background="#FFF url('../images/bg2.png') no-repeat center fixed";
</script>

所以它改变了我的背景图片，但只针对当前页面，其他页面都加载了在 css 中定义的默认背景图片:(

我没有提到在我想更改那个免费背景的页面中提供了图像的名称，它是动态的

用户操作示例: 在这里我们要去像 www.example.com 这样的网站并且有一些免费的我将页面更改为 www.example.com/account 我有相同的免费当我去 www.example.com/change 我想更改我的免费图片，所以当我再次访问 www.example.com/account 时，图片也会更改

Answer 1

写下你的script在一个文件中，并使用 <script> 在所有页面中包含该文件标签。

或者另一种解决方案是-

只需在所有页面中编写脚本即可!但我认为您不想做重复性工作，因为如果有一天您打算更改脚本，则必须在所有页面上进行更改。但是在我提到的第一个解决方案中，您必须只更改一个地方。

添加:

根据您的评论，我能想到的是-

1- 创建一个全局变量，该变量在您网站上的所有页面中都持久存在。之前 每次加载页面时，检查它是真还是假。如果是，则使用旧背景。如果为 false，则使用新背景。默认情况下和打开 www.example.com/change 时保持为真页面，您将其设置为 false。

2- 将背景的 CSS 放在文件中。当你加载这个 www.example.com/change页面，更改此文件的内容。