localStorage 储存与读取

window.onload=function(){
    /**
     *其实也没那么难,
     *localStorage.setItem(json)  向本地储存值
     *window.localStorage["键"]   得到本储存的值
    */
    var setl = document.getElementById("setl");
    setl.onclick=function(){
        var name = document.getElementById(‘name‘).value;
        localStorage.setItem("name",name);
        var password = document.getElementById("password").value;
        localStorage.setItem("password",password);
    }
    var redl = document.getElementById("redl");
    redl.onclick=function(){
        var storage = window.localStorage;
        var name = storage["name"];
        var password = storage["password"];
        if(storage["password"]== undefined && storage["name"]==undefined){
            console.log("没有信息")
        } else{
            console.log(storage["password"],storage["name"])
        }
    }
}

原文地址:https://www.cnblogs.com/Millet-23/p/9663441.html

时间: 2024-11-07 05:33:58

localStorage 储存与读取的相关文章

localStorage储存数据和处理数据

//一.在A页面保存数据var oChannelList = document.getElementById('ullisttop');var aChannerListLi = oChannelList.getElementsByTagName('li');var oBatchBtn = document.getElementById('batchbtn');var aBatchBtnDd = oBatchBtn.getElementsByTagName('dd');var oListDdtil

关于localStorage储存多个数据

localStorage: 是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使关闭了客户端(浏览器),属于本地持久层储存 sessionStorage: 用于本地存储一个会话(session)中的数据,一旦会话关闭,那么数据会消失,比如刷新. localStorage只能存字符串,如果需要存对象,首先要转化为字符串 利用JSON.stringify() ( 存单个就不用考虑这些了 ) setItem 存 let rowVal = { bCode: row.gymnasium.c

html5:localStorage储存

实例:刷新值会增长,关掉浏览器,再打开,值会在原基础上增长 if(localStorage.pagecount){ localStorage.pagecount=Number(localStorage.pagecount)+1; }else{ localStorage.pagecount=1; } document.write(localStorage.pagecount); 设置和取值两种方法: 1.操作dot 设值 localStorage.hello = 'world'; localSto

html5储存方式(demo:localStorage)

在html5前端的开发过程,如果想要储存用户信息,势必用到本地储存,小果今天就来说一说本地储存的这些事情. 存储方式 cookie:long long ago,作为浏览器端的"甜甜圈",用来方便用户进行本地临时储存信息.你走过的路(浏览的网页),你留下的痕迹(密码.ID),我来帮你记下(设定存储路径,进行本地存储),方便你再次光临(二次登陆和访问).只是,4kb大小,不够用啊~ localStorage:html5出现的新标签,5MB大小,够用了. sessionStorage:页面关

Cookie, LocalStorage 与 SessionStorage

Cookie, LocalStorage 与 SessionStorage相同点 都是储存在用户本地的数据. 意义在于避免数据在浏览器和服务器间不必要地来回传递. 三者的特点     同属于html5中的Web Storage 特性 Cookie localStorage sessionStorage 数据的生命期 可设置失效时间,默认是关闭浏览器后失效 除非被清除,否则永久保存 仅在当前会话下有效,关闭浏览器后被清除 存放数据大小 4K/个文件*最多20个 >5MB/站点 >5MB/站点 与

HTML5本地存储localStorage、sessionStorage及IE专属UserData

By:王美建 from:http://www.cnblogs.com/wangmeijian/p/4518606.html 转载请保留署名和出处! 在客户端存储数据用的最普遍的方式非cookie莫属,随着HTML5的普及,新的本地存储方式localStorage和sessionStorage将在标准浏览器上大展身手.localStorage和sessionStorage是HTML5的新特性之一,说是新特性,其实微软公司早在IE8上就已经支持localStorage和sessionStorage这

HTML5本地存储LocalStorage和sessionStorage

以前用wordpress做博客的时候,我做了个点赞的功能.设计这个点赞功能的时候,为防止访客不断刷赞,得做个时间间隔限制,首先我的设计方案是在数据库里记录ip和点赞的时间,后来一想那还得维护数据库(其实是觉得都没人点赞还弄得那么严格搞什么),果断改成把数据放到本地保存. 本地存储数据首先想到得是cookie和html5的 localStorage. cookie兼容性好,但是存储的数据量太少;localStorage存储量大,但是兼容性不是很好,毕竟ie6之流还是有不少份额的.最后考虑到 htm

数据读取

题解:二分答案.用h[]储存磁头位置,p[]储存需要读取的位置. 在(0,2e10)内找到一个最小值mid使得每个磁头移动mid步能够扫完所有需要读取的位置. 寻找mid的时候,由三种情况. 一 :此时h[i]-p[j]>mid,(即磁头到所需扫描位置大于mid时,说明此时mid比最大步数要小),那么应在(mid+1,r)范围内继续寻找. 二:在不符合一的时候,并且p[j]<h[i],(即所需读取位置在磁头左边)则磁头有两种移动方案: 由于磁头与左边需要读取的位置的距离为一定值,可先计算出来k

【转】Unity3D 场景切换与持久化简单数据储存(PlayerPrefs类)

本篇文章主要介绍了"Unity3D 场景切换与持久化简单数据储存(PlayerPrefs类)",主要涉及到Unity3D 场景切换与持久化简单数据储存(PlayerPrefs类)方面的内容,对于Unity3D 场景切换与持久化简单数据储存(PlayerPrefs类)感兴趣的同学可以参考一下. 持久化简单的数据储存在Unity3D 中提供了一个简单有效的方法,如果之前的你做过Android的开发你会发现在Unity3D中持久化数据的储存和Android非常的想象.那么下面MOMO 将用一