cookie基本使用:

  1. var dataCookie='110';
  2. document.cookie = 'token' + "=" +dataCookie;

sessionStorage与localStorage的基本使用,两者方法一样:

  1. var name = "sessionData";
  2. var num = 120;
  3. sessionStorage.setItem(name, num); //存储数据
  4. sessionStorage.setItem("value2", 119);
  5. let dataAll = sessionStorage.valueOf(); //获取全部数据
  6. console.log(dataAll, "获取全部数据");
  7. var dataSession = sessionStorage.getItem(name); //获取指定键名数据
  8. var dataSession2 = sessionStorage.sessionData; //sessionStorage是js对象,也可以使用key的方式来获取值
  9. console.log(dataSession, dataSession2, "获取指定键名数据");
  10. sessionStorage.removeItem(name); //删除指定键名数据
  11. sessionStorage.clear(); //清空缓存数据:localStorage.clear();

三者的区别:略
浏览器的支持情况:

  1. Storage是html5的新特性,支持html5的浏览器就会支持Storage;
  2. 用代码判断浏览器是否支持cookie:
    1. if(navigator.cookieEnabled) {
    2. alert("你的浏览器支持cookie功能");//提示浏览器支持cookie
    3. } else {
    4. alert("你的浏览器不支持cookie");//提示浏览器不支持cookie }
    数据存放查看
    控制台 — Application — Storage,包含了Local Storage、SessionStorage、Cookies

对cookie进行封装