分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Js中localStorage

发布时间:2023-09-06 01:27责任编辑:林大明关键词:暂无标签

优点:

  1.拓展了cookie的4K限制

  2.将数据直接存储到本地,相当于一个5M的前端页面数据库

不足:

  1.浏览器的大小不统一

  2.IE8以上的IE版本才支持

  3.localStorage的值类型限定为string类型

  4.localStorage在浏览器的隐私模式下面是不可读取的

  5.localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡

  6.localStorage不能被爬虫抓取到

用法:

  判断是不是支持:

if(!window.localStorage){ ???alert("浏览器支持localstorage"); ???return false;}else{ ???//主逻辑业务}

  存取:

var storage=window.localStorage;//写入a字段storage["a"]=1; //写入b字段storage.a=1;//写入c字段storage.setItem("c",3);//第一种方法读取var a=storage.a;console.log(a);//第二种方法读取var b=storage["b"];console.log(b);//第三种方法读取var c=storage.getItem("c");console.log(c);

  删除:

var storage=window.localStorage;storage.a=1;storage.removeItem("a");console.log(storage.a);

  清空:

var storage=window.localStorage;storage.a=1;storage.clear();console.log(storage.a);

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

Js中localStorage

原文地址:http://www.cnblogs.com/413xiaol/p/7906163.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved