Javascript 切换网站'；s颜色

我目前使用的设计是我使用以下教程制作的，在我的网站上有黑白背景：

虽然本教程在某种程度上完成了这项工作（对改变html/css片段非常敏感），但我确实在寻找一个更优雅的实现。有没有办法使用jquery或javascript创建一个切换开关，允许更改整个网站的背景颜色

大约一周前，我刚把网络编程作为一种爱好，所以现在我对javascript和jquery知之甚少

---

编辑：我有一个静态的网站，我不太关心性能，因为99.9%的时间里，唯一看这个网站的人就是我。

我不会给你确切的代码，但一定要研究javascript的一些更新功能并实现css。可能会加载不同的css文件作为您网站的颜色主题。

我不会给您确切的代码，但一定会研究javascript的一些更新功能并实现css。可能会加载不同的css文件作为网站的颜色主题。

您可以创建一个单独的css文件，为页面中所有必需的元素定义样式，然后根据按钮单击或单选将css动态添加到页面，如下所示

$（'head'）。追加（''）

及

$（'head'）。追加（''）

这是一个很好的教程，它解释了这一点

您可以创建一个单独的css文件，其中包含为页面中所有必需元素定义的样式，然后根据按钮单击或单选将css动态添加到页面中，如下所示

$（'head'）。追加（''）

及

$（'head'）。追加（''）

这是一个很好的教程，它解释了这一点

用javascript编写

var i=1;
function myFun()
{
if(i%2==0)
    document.body.style.backgroundColor="black";
else
    document.body.style.backgroundColor="white";

i++;
}

如果单击

<button onclick="myFun()">Click me</button>

点击我

我希望你得到你的答案。：）
用javascript写这个

var i=1;
function myFun()
{
if(i%2==0)
    document.body.style.backgroundColor="black";
else
    document.body.style.backgroundColor="white";

i++;
}

如果单击

<button onclick="myFun()">Click me</button>

点击我

我希望你能得到答案。：）
使用你喜欢的默认配色方案对网站进行编码。然后，为主题子类下的备选配色方案创建css。例如：

p,h1 {color:red;]
.blue-theme p,h1 {color:blue;}

然后只需使用javascript或服务器端变量将“blue theme”类添加到body或root元素标记中。如果您应用css转换，这也使主题之间的转换变得容易

就负载大小而言，它不是最有效的，因为您的CSS文件会稍大一些，而且性能也不是最佳的，因为添加主题会花费处理时间，但对于一般用途，我相信这是实现这一点的最佳方法。
使用您喜欢的任何颜色方案作为默认颜色方案来编写网站代码。然后，为主题子类下的备选配色方案创建css。例如：

p,h1 {color:red;]
.blue-theme p,h1 {color:blue;}

然后只需使用javascript或服务器端变量将“blue theme”类添加到body或root元素标记中。如果您应用css转换，这也使主题之间的转换变得容易

就负载大小而言，它不是最有效的，因为您的CSS文件会稍微大一点，而且性能也不是最佳的，因为添加主题会花费处理时间，但对于一般用途，我相信它是实现这一点的最佳方法。
jQuery非常适合帮助初学者将此类功能添加到网站中。首先，按如下方式设置CSS：

body {
    background-color: #fff;
}

body.dark {
    background-color: #000;
}

这会将默认css设置为白色，然后使用JavaScript，您将通过引用按钮id属性向按钮添加“单击处理程序”，以更改类（以及生成的颜色）：

在页面上执行上述代码之前，您需要确保在标记中包含jQuery的副本

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>



仅为这个应用程序使用jQuery可能有些过分，但这是在没有经验的情况下实现所需的最简单的方法，而且如果深入研究，它是一个可以做更多工作的库。祝你好运
 jQuery非常适合帮助初学者将此类功能添加到网站中。首先，按如下方式设置CSS：

body {
    background-color: #fff;
}

body.dark {
    background-color: #000;
}

这会将默认css设置为白色，然后使用JavaScript，您将通过引用按钮id属性向按钮添加“单击处理程序”，以更改类（以及生成的颜色）：

在页面上执行上述代码之前，您需要确保在标记中包含jQuery的副本

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>



仅为这个应用程序使用jQuery可能有些过分，但这是在没有经验的情况下实现所需的最简单的方法，而且如果深入研究，它是一个可以做更多工作的库。祝你好运
 我需要添加任何CSS吗？我需要添加任何CSS吗