这是一个网页,您可以从三个单选按钮中选择背景图片。我想将所选的一个保存在本地存储中,因此当页面刷新时,最后一个选定的背景图像将被刷新。情况并非如此,我不明白为什么,是吗?在此先感谢:)存储在localstorage中的变量在页面刷新时消失
function setBg() {
myForm = document.getElementById("bgList");
for (var i = 0; i < myForm.land.length; i++) {
if (myForm.land[i].checked) {
break
}
}
document.body.style.backgroundImage="url('" + myForm.land[i].value + "')";
if (Modernizr.localstorage) {
localStorage.setItem("background", i);
//alert(localStorage.getItem("background"));
}
else{
alert("Can not be saved to localstorage!");
}
}
// Sørger for å velge et bakgrunnsbilde når siden lastes
window.onload = function(e){
mittLand = 0;
if (localStorage.getItem("background") != null) {
mittLand = parseInt(localStorage.getItem("background"));
alert(mittLand);
}
myForm = document.getElementById("bgList");
myForm.land[mittLand].checked=true;
setBg();
}
Velg ditt favorittland
Norge
Sverige
Danmark