开发者社区> prosperlee> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

本地存储之localStorage

简介: 源码可以到GitHub上下载! localStorage:   存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下。   localStorage与sessionStorage的区别:就是localStorage属于永久性存储,而sessio...
+关注继续查看
源码可以到GitHub上下载!
localStorage:
  存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下。

  localStorage与sessionStorage的区别:就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空

  关闭浏览器后,再打开仍有数据

  清除缓存加载后仍有数据

  同网络地址页面均能得到数据
        // localStorage使用示例
        var username = document.getElementById("username"); // 获取input username
        var userpwd = document.getElementById("userpassword"); // 获取input userpassword
        var remember = document.getElementById("remember"); // 获取记住账号密码
        // 点击复选框记住 账号、密码、复选框
        function rememberValue() {
            if (remember.checked == true) {
                localStorage.setItem('user', username.value);
                localStorage.setItem('pwd', userpwd.value);
                localStorage.setItem('remember', remember.checked);
            } else {
                localStorage.removeItem("user");
                localStorage.removeItem("pwd");
                localStorage.removeItem("remember");
                // localStorage.clear();// 全部删除
            }
        }
        // 页面加载完毕后从localStorage里读取值并填入相应的标签内
        window.onload = function () {
            username.value = localStorage.getItem("user");
            userpwd.value = localStorage.getItem("pwd");
            remember.checked = localStorage.getItem("remember");
        }

 

GitHub:Fuck me on GitHub Fuck me on GitHub

留下你的足迹求推荐呦

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
数据保存至LocalStorage
数据保存至LocalStorage
0 0
原生JavaScript实现本地存储(localStorage)和会话存储(sessionStorage)
本地存储和会话存储的目的,是将所输入的文件存入到浏览器中,在需要的时候,直接调用,但是本地存储和会话存储有着一定的区别,本地存储,在不主动删除的情况下,会一直保留在浏览器中,会话存储是,当前保存的内容,页面刷新还会保留在浏览器中,但是关闭页面在打开时,会发现没有数据了。这是他们两的用处和区别。
0 0
【Vue】本地存储(LocalStorage)和会话存储(SessionStorage)
【Vue】本地存储(LocalStorage)和会话存储(SessionStorage)
0 0
localStorage灵魂五问。 5M?? 10M !!!
localStorage 存储的键和值始终采用 UTF-16 DOMString 格式,每个字符使用两个字节。与对象一样,整数键将自动转换为字符串。
0 0
本地存储之sessionStorage
源码可以到GitHub上下载! sessionStorage:   关闭浏览器再打开将不保存数据     复制标签页会连同sessionStorage数据一同复制   复制链接地址打开网页不会复制seessionStorage内的数据     清除缓存加载当前页对页面无影响     1) 同源策略限制。
697 0
本地存储之cookie
源码可以到GitHub上下载! JS操作cookies方法 :   1.cookie若不设置过期时间关闭浏览器后会自动清除数据   2.存储限制4k   3.同地址下其他文件也能读取到     cookie用字符串拼接即可     cookie后可接       ; path=path...
852 0
小议 localStorage
前言 什么是 localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
809 0
localStorage 还能这么用
HTML5中 Web Storage 的出现,主要是为了弥补使用 Cookie 作为本地存储的不足。Cookie 存储的数据量非常小,而且数据会自动携带到请求头里,但服务器端可能并不关心这些数据,所以会造成带宽的浪费。
1036 0
localstorage 本地存储
define(function() { var win = window, doc = document, decode = function(s) { // 参考jquery cookie的实现: https://github.com/carhartl/jquery-cookie/blob/master
1080 0
localStorage和sessionStorage区别
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。
610 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载