将用户个性化设置保存到客户端_网站用户个性化设置保存在哪里-优快云博客

本文链接：https://blog.youkuaiyun.com/softart/article/details/1935168

本文介绍了一种使用JavaScript根据用户选择更改网页背景颜色及文字颜色的方法，并通过Cookie保存用户的颜色偏好设置，以便下次访问时能够记住用户的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2006年01月07日 20:49:00

(一).示例图片效果

(二).代码
>html<
>head<
>title/title<
>meta http-equiv="Content-Type" content="text/html; charset=gb2312"<
>/head<
>body bgcolor="#6699ff" text="#000000"<
>script language="javascript"<
function getcookie()
{
if (document.cookie==null)
{
document.bgColor="black"
document.fgcolor="white"
}
else
{
var x1=unescape(document.cookie)
var x2=x1.split("; ")
for (i in x2)
{
var x3=x2[i].split("=");
var x4=x3[0];
switch (x4)
{
case "setcolor":
document.fgColor=x3[1]
break;
case "setbgcolor":
document.bgColor=x3[1]
break;
}
}
}
}
getcookie()
var setcolor="white";
var setbgcolor="black";
function setcookie()
{
x1=document.form1.select1.options.selectedIndex
switch (x1)
{
case 0:
setcolor="white";
setbgcolor="black";
break;
case 1:
setcolor="black";
setbgcolor="white";
break;
case 2:
setcolor="red";
setbgcolor="yellow";
break;
case 3:
setcolor="yellow";
setbgcolor="red";
break;
case 4:
setcolor="white";
setbgcolor="blue";
break;
}
var webcookie ="setcolor="+setcolor+";setbgcolor="+setbgcolor;
var date1=new Date();
date1.setYear(date1.getYear()+1);
cookiedate =date1.toGMTString();
document.cookie ="setcolor="+escape(setcolor)+";expires="+date1.toGMTString()+";path=/";
document.cookie ="setbgcolor="+escape(setbgcolor)+";expires="+date1.toGMTString()+";path=/";
getcookie()
}
>/script<
>form name=form1<
选择配色：>select name=select1 size=1 onChange="setcookie()"<
>option value=1 style="color:white;background-color:black"<黑白色配置>/option<
>option value=2 style="color:black;background-color:white"<白黑色配置>/option<
>option value=3 style="color:red;background-color:yellow"<黄红色配置>/option<
>option value=4 style="color:yellow;background-color:red"<红黄色配置>/option<
>option value=5 style="color:white;background-color:blue"<蓝白色配置>/option<
>/select<
>/form<
>/body<
>/html<

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=573092