Javascript 添加Cookies以更改输入背景颜色

我在我的网站上添加了背景颜色变化效果。现在，我希望这一更改适用于我的所有其他页面。我在理解cookie函数方面遇到了困难，所以我正在研究的一些上下文将非常有帮助

我的JS:

函数背景（颜色）{document.body.style.backgroundColor=color；}

我的HTML:

我的CSS:

.bgfreen{背景色：绿色；}

---

代码都运行良好，因此一些信息可能毫无意义。只是，如果我要构建一个cookie，使这些颜色变化应用于我的站点中的所有相关页面，我将如何进行？对是否使用PHP或JS没有偏好。我只想要最实用的功能。

下面是一些我从javascript中使用的简单cookie函数。您可以将最新的颜色值存储在cookie中，然后在页面初始化时，可以从cookie中读取值并适当设置颜色：

function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

当页面首次加载时，您可以执行以下操作：

function background(color){
    document.body.style.backgroundColor = color;
    createCookie("backgroundColor", color, 365);
}

var color = readCookie("backgroundColor");
if (color) {
    document.body.style.backgroundColor = color;
}