zoukankan      html  css  js  c++  java
  • web前端使用localstorage、sessionstorage、cookie增删获方法

    今天主要的学习内容是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的时间设置,将时间设置为提前一天;

    }

  • 相关阅读:
    ajax 检测用户名是否可用
    Ajax 知识
    flask 基础
    如何使Session永不过期
    Css 截取字符串长度
    json sort
    js 原生获取Class元素
    js 跳转整理
    html5 ajax Java接口 上传图片
    调用URL 接口服务
  • 原文地址:https://www.cnblogs.com/pengchengzhong/p/6590204.html
Copyright © 2011-2022 走看看