Question

怎样调用不同的css实现所有的html页面更换背景色

有两个css文件设置了不同的背景颜色，在html页面中添加按钮，实现点击按钮时更换所有的页面的背景色，（假设有5个html页面，要实现全部更换）
希望能有个简单的小例子，或关键部分的代码

Answer 1

有两种比较靠谱且正统的做法，尽管你会觉得麻烦，但是是正统的方法

1. 如果只是背景色等几个属性，完全可以用js来实现，不需要重新导入一份css文件，还剩下了load新文件的时间和流量。

2. 如果更改的属性较多，可以考虑用两个页面，把html文件复制一下，复制本调用第二份css。
   

追问

如果使用第二种的话，以后连接上后台，用户输入的数据在复制本中是不是就没有了？

追答

不太明白你说的 每次你新打开一个网页，当然输入的数据都没有了。
如果你数据放在数据库里，两个页面可以共享后台数据库啊，这样数据一致存在啊。

Answer 2

<link rel="stylesheet" type="text/css" href="文件路径style.css"/>
把这段代码放到文件头head里面就可以了。
当然你自己的css文件路径要写清楚

打字不容易，感觉ok就给个好评采纳吧，谢谢。。。。。

Answer 3

点击按钮生成(或者修改)一个cookie,用来标识启用哪一个css文件,所有页面用js判断cookie的值来确定引入哪一个文件

追问

能写一下点击按钮生成cookie的代码吗？