博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
localStorage 杂记
阅读量:4949 次
发布时间:2019-06-11

本文共 1937 字,大约阅读时间需要 6 分钟。

localStorage

html5标准 Web 存储

现在的主流浏览器,包括IE 8+、Chrome 4+、Firefox 3.5+、Opera 10.5+、Safari 4+、iPhone 2+、Android 2+等,都支持localStorage本地存储功能。

localStorage没有时间上的限制,只要不主动删除,会一直保存。

单条value没有长度限制,但是每个站点使用总量有限制。
chrome的上限是4.9MB,其它浏览器的容量上限也大都在2.5-10MB之间。

 

检测浏览器是否支持localStorage

function check_localStorage_support(){    if(window.localStorage){        return true;    }        alert("Sorry,your browser does NOT support localStorage!");    return false;}

 

localStorage 基于键值对存储,读、写、删操作很简单

localStorage.a = 3;    //设置a为"3"localStorage["a"] = "abc";    //设置a为"abc",也覆盖了上面的值var a1 = localStorage["a"];    //获取a的值var a2 = localStorage.a;    //获取a的值console.log(a1 + "\t" + a2);localStorage.setItem("b","I am b");    //设置b为"I am b"var b = localStorage.getItem("b");    //获取b的值console.log(b);localStorage.removeItem("b");    //清除b的值console.log(localStorage.getItem("b"));//输出所有键值对function showStorage(){    var storage = window.localStorage;    for(var i=0;i
"); }}//清除所有键值对localStorage.clear();

添加监听事件

if(window.addEventListener){    window.addEventListener("storage",handle_storage,false);}else if(window.attachEvent){    window.attachEvent("onstorage",handle_storage);}function handle_storage(e){    if(!e){e=window.event;}    //showStorage();}
StorageEvent 对象
属性 类型 说明
key string 增加、删除或者修改的那个键
oldValue any 改写之前的旧值,如果是新增的元素,则是 null
newValue any 改写之后的新值,如果是删除的元素,则是 null
url string 触发这个改变事件的页面 URL

 

 

从localStorage读取一个对象

var chapter = JSON.parse(localStorage.getItem(chapterid));

使用Jquery Ajax 获取一个json并存入localStorage

$.getJSON("/worker/json/"+Chapterid+".json",function(result){    localStorage.setItem(chapterid,JSON.stringify(result));});

php生成json的代码

class chapter_data {    public $serialid  = 0;    public $serialtitle = "";    public $serialcontent = "";}$chapter = new chapter_data();$chapter->serialid  = 1;$chapter->serialtitle = "文章标题";$chapter->serialcontent = "文章内容";echo json_encode($chapter);

 

转载于:https://www.cnblogs.com/edit/p/5780441.html

你可能感兴趣的文章
Break the Chocolate(规律)
查看>>
C#jbox小节
查看>>
结构体指针释放的问题
查看>>
C#枚举Enum[轉]
查看>>
第三百五十七天 how can I 坚持
查看>>
【动态规划】流水作业调度问题与Johnson法则
查看>>
startActivityForResult不起作用
查看>>
Python&Selenium&Unittest&BeautifuReport 自动化测试并生成HTML自动化测试报告
查看>>
活现被翻转生命
查看>>
POJ 1228
查看>>
SwaggerUI+SpringMVC——构建RestFul API的可视化界面
查看>>
springmvc怎么在启动时自己执行一个线程
查看>>
流操作的规律
查看>>
Python基础学习15--异常的分类与处理
查看>>
javascript运算符的优先级
查看>>
React + Redux 入门(一):抛开 React 学 Redux
查看>>
13位时间戳和时间格式化转换,工具类
查看>>
vue router-link子级返回父级页面
查看>>
C# 通知机制 IObserver<T> 和 IObservable<T>
查看>>
Code of Conduct by jsFoundation
查看>>