美文网首页
前端学习之本地储存与cookie(在)

前端学习之本地储存与cookie(在)

作者: 零9八8三8八3 | 来源:发表于2017-09-13 17:20 被阅读0次

在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

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

if(name==arr2[0]){

return arr2[1];

}

}

return false;

}

删除cookie:

function removecookie(name){

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

}

相关文章

  • 前端学习之本地储存与cookie(在)

    在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名...

  • HTML5 Web储存

    HTML5 Web存储,一个比cookie更好的本地储存方式 HTML5 Web储存:使用HTML5可以在本地储存...

  • HTML5高级部分

    cookie:储存在用户本地终端上的数据; var test=document.cookie; ...

  • 前端实现本地储存

    本地储存大概有三种方式:cookie,localstorage,sessionStorage。 1.cookie ...

  • 深入理解浏览器存储--Cookie、WebStorage、Ind

    Cookie cookie 的本职工作并非本地存储,而是“维持状态”。cookie指某些网站为了辨别用户身份而储存...

  • 本地存储

    一.本地储存 cookie特点:1.大小约为5kb;2.这能储存字符串3.生命周期:浏览器关闭,cookie消失注...

  • python爬虫-使用cookie登录

    前言: 什么是cookie? Cookie,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端...

  • Cookie与缓存控制

    Cookie是什么 “cookie是为了辨别用户身份而储存在用户本地终端(Client Side)上的数据”——w...

  • 前端本地储存--IndexedDB

    2021 年,如果你的前端应用,需要在浏览器上保存数据,有三个主流方案:CookieWeb Storage (Lo...

  • 前端网络安全-XSS和CSRF

    前端安全问题 1.cookie失窃 黑客网站通过script获取本地用户访问其他网站的cookie,cookie是...

网友评论

      本文标题:前端学习之本地储存与cookie(在)

      本文链接:https://www.haomeiwen.com/subject/rurlsxtx.html