0

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>
4

1 回答 1

0

当用户从您那里选择一个项目时，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();
}
于 2013-04-25T21:37:49.717 回答