永久更改背景颜色

时间:2017-02-01 22:18:57

标签: javascript

使用colorpicker选择颜色后,即使在使用javascript刷新后,任何人都可以帮助永久地更改背景颜色

<head>  
<meta charset="utf-8" />  
<title>HTML5 Color Picker Demonstrated</title>  
<script language="javascript">  
function newBackgroundColor(color)  
{  
 document.bgColor = color;  
 document.colorForm.selectedcolor.value = color;  
}  
</script>  
</head>  
<body bgcolor="white">  
<header>  
<h1>HTML 5 Color Picker Demonstrated</h1>  
</header>  
<form name="colorForm">  
  <p>Select Background Color  
  <input name="colorpicker" type="color"onchange="newBackgroundColor(colorpicker.value);">  
 </p>  
 <p>  
 Selected Color  
 <input name="selectedcolor" type="text">  
 </p>  
 </form>  
 </body>

2 个答案:

答案 0 :(得分:0)

您可以使用localStorage在设置后存储颜色值,并检查它是否在加载时定义。如果没有..使用deafault颜色

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage

答案 1 :(得分:-1)

为什么不使用cookie?

setCookie("background-color", document.bgColor, 365);