html刷新页面信息消失,存储在localstorage中的变量在页面刷新时消失
这是一个网页,您可以从三个单选按钮中选择背景图片。我想将所选的一个保存在本地存储中,因此当页面刷新时,最后一个选定的背景图像将被刷新。情况并非如此,我不明白为什么,是吗?在此先感谢:)存储在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中的变量在页面刷新时消失相关推荐
- 微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化 在小程序中,我们一般在app.js的onLaun ...
- 在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之 支付宝
在h5页面中调起支付宝小程序中的某一个页面 直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...
- 爬虫获取页面信息并存储
目标: 获取CSDN首页直播内容 实现获取内容的类 Crowller 获取内容: 通过 superagent插件获取页面信息 存储内容:fs.writeFileSync 根据以上两点实现的类: imp ...
- python爬取携程网航班机票信息并存储到数据库中,2020年最新版本
我们先看一下携程网的信息 从以上我们可以获取两个信息 1.我是从上海到成都的 2.7条航班信息 教你如何爬虫 我不教静态网页的爬虫,因为太简单了:我们直接上手携程网 我们到这个上述这个页面以后,我推荐 ...
- linux页面置换的存储,3.4.4 第二次机会页面置换算法
3.4.4 第二次机会页面置换算法 FIFO算法可能会把经常使用的页面置换出去,为了避免这一问题,对该算法做一个简单的修改:检查最老页面的R位.如果R位是0,那么这个页面既老又没有被使用,可以立刻 ...
- js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
- 使用selenium爬取电视剧排行榜中电视剧的信息并存储到excel中
本人是爬虫初学者,想通过爬取电视剧信息来巩固自己所学的一些知识,但是在一些网站中并没有找到类似于page的参数,或者就是参数加密,自己的能力没法解开,导入无法使用下一页的功能.所以我就想到了selen ...
- vue实现简单的发表评论案例(存储在localstorage中)
1.学习父子组件传值,传方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
- 一键获取前程无忧招聘信息,并存储到excel中,全程只需要输入职位名称(51job 你要的自动化 这里全都有~~~)
from selenium import webdriver import time import pymysql import pandas as pd from selenium.webdrive ...
最新文章
- ​Google 鼓励的 13 条代码审查标准,建议收藏!
- 要上进总会有时间的,要放松也总会有理由的——记录2年出版2本书带给我的改变,同时分享写书和写博客的技巧...
- elk中kibana中如何显示写入elasticsearch的数据
- python 回测模块_回测调用研究模块总结(慎用Python3 PacVer 2.0)
- Google Logos
- 二进制安位处理_处理器与安​​全性之间的联系是什么?
- CSS3动画和VUE动画整理
- 在QtCreator中手动添加signal和slot
- Unity编辑器汉化教程
- Java设计模式之工厂模式最详解(类图+源码)
- attachEvent方法的作用
- java 多线程课件_Thread_java多线程参考源码_ppt_大学课件预览_高等教育资讯网
- python在冒号处显示语法错误_python中的语法错误
- 华为eNSP模拟器中两个路由器IP互联
- h5难做吗_这样的h5制作难吗,通过什么平台可以做出来?
- 解决HTML5页面在手机浏览器测试中发现 横向滚动条,尽管页面没有内容也是照常出现。
- 在Photoshop中设计Web 2.0标签/徽章
- 运筹帷幄的“懒蚂蚁”
- 学术诚信的重要性_宋瑞:坚持学术诚信 恪守学术道德 捍卫学术尊严
- python numpy.ndarray中的数据转为int型
热门文章
- 辽宁警官高等专科学校 计算机2级,辽宁警官高等专科学校
- APP自动化测试(6)-元素定位by_android_uiautomator
- 变更git url/添加https.sslverify参数解决同步超时、重置连接错误
- WiFi信号老不好,一口君给你支个招
- 网速慢怎么回事 看看路由器旁边是否有这些东西
- touchmove时鼠标点击的位置调整
- CSS3多重背景结合动画打造会飘动的热气球
- 找出1-1000中的所有完美数
- 是谁扼杀了孩子的想象力?一个不合格的老师究竟会对孩子有多少不好的影响?以及老师是如何冤枉学生的?
- Mysql之删除表中数据