博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web前端使用localstorage、sessionstorage、cookie增删获方法
阅读量:5369 次
发布时间:2019-06-15

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

今天主要的学习内容是cookie与本地储存的知识,

在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。

if(window.localStorage){

 alert('This browser supports localStorage');
}else{
 alert('This browser does NOT support localStorage');
}

而读取、写、删除操作方法有很多方法,也很简单,但长用getItem()和setItem(),清除键值对使用removeItem()。如果希望一次性清除所有的键值对,可以使用clear()。

localStorage.setItem("user","abcd");

localStorage.setItem("user1","abcd1");
localStorage.removeItem("user");

在说说cookie。

cookie 是存储于访问者的计算机中的变量,用来存放一些数据。在我们浏览页面时,经常会填写自己的名字等,这些会被存放于cookie中。

学习cookie主要有3个函数,包括创建cookie,获取cookie中的值,删除cookie。

创建cookie:

function setcookie(name,value,iday){

  var odate=new Date();

  odate.setDate(odate.getDate()+iday);

  document.cookie=name+"="+value+";expires="+odate;

}

获取cookie:

function setcookie(name){

  var cookies=document.cookie;

  var arr1=cookies.split("; ");

  for (i=0;i<arr1.length;i++){

    var arr2=arr1[i].split("=")

    if(name==arr2[0]){

      return arr2[1];

    }

  }

  return false;

}

删除cookie:

function removecookie(name){

  setcookie(name,"","-1")  //通过建立cookie的时间设置,将时间设置为提前一天;

}

转载于:https://www.cnblogs.com/pengchengzhong/p/6590204.html

你可能感兴趣的文章
学好python
查看>>
css-IE中的border-radius和box-shadow
查看>>
利用bootstrap和webform的异步CRUD及分页
查看>>
HDUOJ 1879继续畅通工程(并查集)
查看>>
OC12_自动释放池
查看>>
Saiku资源帖
查看>>
解决手机页面中点击文本框,网页放大问题
查看>>
2-5
查看>>
牛客多校3 A-PACM Team(状压降维+路径背包)
查看>>
HDU - 4284 Travel(floyd+状压dp)
查看>>
1027 制作表格
查看>>
Android之Socket通信、List加载更多、Spinner下拉列表
查看>>
面向对象的介绍与特性
查看>>
typing-python用于类型注解的库
查看>>
20189215 2018-2019-2 《密码与安全新技术专题》第13周作业
查看>>
第四周作业
查看>>
一、HTML基础
查看>>
蓝牙进阶之路 (002) - HC-05与HC-06的AT指令的区别(转)
查看>>
mysql的limit经典用法及优化
查看>>
C#后台程序与HTML页面中JS方法互调
查看>>