这是一个网页,您可以从三个单选按钮中选择背景图片。我想将所选的一个保存在本地存储中,因此当页面刷新时,最后一个选定的背景图像将被刷新。情况并非如此,我不明白为什么,是吗?在此先感谢:)存储在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

html刷新页面信息消失,存储在localstorage中的变量在页面刷新时消失相关推荐

  1. 微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化

    微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化 在小程序中,我们一般在app.js的onLaun ...

  2. 在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之 支付宝

    在h5页面中调起支付宝小程序中的某一个页面 直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...

  3. 爬虫获取页面信息并存储

    目标: 获取CSDN首页直播内容 实现获取内容的类 Crowller 获取内容: 通过 superagent插件获取页面信息 存储内容:fs.writeFileSync 根据以上两点实现的类: imp ...

  4. python爬取携程网航班机票信息并存储到数据库中,2020年最新版本

    我们先看一下携程网的信息 从以上我们可以获取两个信息 1.我是从上海到成都的 2.7条航班信息 教你如何爬虫 我不教静态网页的爬虫,因为太简单了:我们直接上手携程网 我们到这个上述这个页面以后,我推荐 ...

  5. linux页面置换的存储,3.4.4 第二次机会页面置换算法

    3.4.4   第二次机会页面置换算法 FIFO算法可能会把经常使用的页面置换出去,为了避免这一问题,对该算法做一个简单的修改:检查最老页面的R位.如果R位是0,那么这个页面既老又没有被使用,可以立刻 ...

  6. js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

    用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

  7. 使用selenium爬取电视剧排行榜中电视剧的信息并存储到excel中

    本人是爬虫初学者,想通过爬取电视剧信息来巩固自己所学的一些知识,但是在一些网站中并没有找到类似于page的参数,或者就是参数加密,自己的能力没法解开,导入无法使用下一页的功能.所以我就想到了selen ...

  8. vue实现简单的发表评论案例(存储在localstorage中)

    1.学习父子组件传值,传方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...

  9. 一键获取前程无忧招聘信息,并存储到excel中,全程只需要输入职位名称(51job 你要的自动化 这里全都有~~~)

    from selenium import webdriver import time import pymysql import pandas as pd from selenium.webdrive ...

最新文章

  1. ​Google 鼓励的 13 条代码审查标准,建议收藏!
  2. 要上进总会有时间的,要放松也总会有理由的——记录2年出版2本书带给我的改变,同时分享写书和写博客的技巧...
  3. elk中kibana中如何显示写入elasticsearch的数据
  4. python 回测模块_回测调用研究模块总结(慎用Python3 PacVer 2.0)
  5. Google Logos
  6. 二进制安位处理_处理器与安​​全性之间的联系是什么?
  7. CSS3动画和VUE动画整理
  8. 在QtCreator中手动添加signal和slot
  9. Unity编辑器汉化教程
  10. Java设计模式之工厂模式最详解(类图+源码)
  11. attachEvent方法的作用
  12. java 多线程课件_Thread_java多线程参考源码_ppt_大学课件预览_高等教育资讯网
  13. python在冒号处显示语法错误_python中的语法错误
  14. 华为eNSP模拟器中两个路由器IP互联
  15. h5难做吗_这样的h5制作难吗,通过什么平台可以做出来?
  16. 解决HTML5页面在手机浏览器测试中发现 横向滚动条,尽管页面没有内容也是照常出现。
  17. 在Photoshop中设计Web 2.0标签/徽章
  18. 运筹帷幄的“懒蚂蚁”
  19. 学术诚信的重要性_宋瑞:坚持学术诚信 恪守学术道德 捍卫学术尊严
  20. python numpy.ndarray中的数据转为int型

热门文章

  1. 辽宁警官高等专科学校 计算机2级,辽宁警官高等专科学校
  2. APP自动化测试(6)-元素定位by_android_uiautomator
  3. 变更git url/添加https.sslverify参数解决同步超时、重置连接错误
  4. WiFi信号老不好,一口君给你支个招
  5. 网速慢怎么回事 看看路由器旁边是否有这些东西
  6. touchmove时鼠标点击的位置调整
  7. CSS3多重背景结合动画打造会飘动的热气球
  8. 找出1-1000中的所有完美数
  9. 是谁扼杀了孩子的想象力?一个不合格的老师究竟会对孩子有多少不好的影响?以及老师是如何冤枉学生的?
  10. Mysql之删除表中数据