Javascript 使用cookie更改背景图像
我正在寻找帮助，将cookie放入此脚本中，以便浏览器在关闭或更改页面时记住所选的背景图像。任何帮助都将不胜感激Javascript 使用cookie更改背景图像,javascript,cookies,background,Javascript,Cookies,Background,我正在寻找帮助，将cookie放入此脚本中，以便浏览器在关闭或更改页面时记住所选的背景图像。任何帮助都将不胜感激 函数changeTheme（） { var e=document.getElementById（“主题”）； var theme=e.options[e.selectedIndex].value； console.log（主题）； document.getElementById（“shelf”）.style.backgroundImage=“url”（“+theme+”）； }
函数changeTheme（）
{
var e=document.getElementById（“主题”）；
var theme=e.options[e.selectedIndex].value；
console.log（主题）；
document.getElementById（“shelf”）.style.backgroundImage=“url”（“+theme+”）；
}
违约
心
世俗的
向日葵
蒙廷
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!--download jquery.cookie from here http://plugins.jquery.com/cookie -->
<script type="text/javascript" src="images/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var theme = $.cookie("backgroundImage");
if (theme){document.getElementById("shelf").style.backgroundImage = "url("+theme+")";}
$("#themes").change(function() {
theme = $(this).val();
$.cookie("backgroundImage", theme);
document.getElementById("shelf").style.backgroundImage = "url("+theme+")";
});
});
</script>
</head>
<body id="shelf">
<!--<select id="themes" onChange="changeTheme()" name="ChangeBG">-->
<select id="themes" name="ChangeBG">
<option value="images/background1.jpg" selected="selected">Default</option>
<option value="images/background2.jpg">Heart</option>
<option value="images/background3.jpg">Earthly</option>
<option value="images/background4.jpg">Sunflowers</option>
<option value="images/background5.jpg">Mountin</option>
</select>
</body>
</html>
$（文档）.ready（函数（）{
var主题=$.cookie（“背景图像”）；
if（theme）{document.getElementById（“shelf”）.style.backgroundImage=“url”（“+theme+”）；}
$（“#主题”）.change（函数（）{
theme=$（this.val（）；
$.cookie（“背景图像”，主题）；
document.getElementById（“shelf”）.style.backgroundImage=“url”（“+theme+”）；
});
});
违约
心
世俗的
向日葵
蒙廷