Question

document.setbackground.bgcolor.value可以认证工作并存储十六进制值（例如黑色的“000000”。当从更新的实时表单中选择一个新脚本时，该脚本也可用于更改页面背景的颜色价值。

我的问题是，虽然我的代码在我的浏览器中存储了一个cookie，但当我关闭浏览器并重新打开时，它不起作用。我希望背景以cookie中存储的内容开头。我的代码或浏览器设置有问题吗？

function setBackground () {
     if (document.setbackground.bgcolor.value != "none"){ 
          document.body.bgColor = "#" + document.setbackground.bgcolor.value;
          document.cookie = "bgColor=" + document.setbackground.bgcolor.value + 
               ";expires=Wednesday, 02-Mar-2020 12:00:00 GMT;";
     }
}

此代码嵌入到setPreference.js文件中的以下HTML中：

<html>
<head>
    <script src="setPreference.js"></script>
</head>
<body bgcolor="#9999CC">
    <center>
    <form name="setbackground">
    Change background color?
    <select name="bgcolor" onchange="setBackground();" size="1">
        <option value="none">Select color</option>
        <option value="9999CC">Lavender</option>
        <option value="999966">Light Brown</option>
        <option value="66FFCC">Light Green</option>
        <option value="FFFFFF">White</option>    
    </select>
    </center>
    </form>
</body>
</html>

Answer 1

当用户从select中选择一个项目时，您将bgColor设置为其值并创建一个Cookie。

但您还需要加载该Cookie并设置bgColor。

你可以使用这样简单的东西（将它附加到你的js）：

// document.cookie - name1=value1; name2=value2; name3=value3

function GetCookie(what)
{
    var cookies = document.cookie.split(/; ?/g); // now we have array of name=value pairs
    for(var i in cookies)
    {
        var pair  = cookies.split("=", 1);
        var name  = decodeURIComponent(pair[0]);
        var value = decodeURIComponent(pair[1]);

        if (name == what)
            return value;
    }
}

window.onload = function ()
{
    var color = GetCookie("bgColor"); // note that in the cookie can be ANY value as it comes from the user. So some condition to validate input wouldnt be bad idea
    document.setbackground.bgcolor.value = color;
    setBackground();
}

持久性Cookie

1 个答案: