zoukankan      html  css  js  c++  java
  • HTML5 Web Storage

    sessionStorage方法如果关闭了浏览器,这个保存的数据就丢失,在一次打开浏览器浏览这个页面的时候,点击读取数据将读取不到任何数据。
    而localStorage则是浏览器被关闭,下次在打开浏览器浏览这个页面点击读取数据时任然能读取到保存的数据。当然,这个数据是区分浏览器的,在别的浏览器中是读取不到这个浏览器保存的数据的。
    两种对象使用方法
    1.sessionStorage
    保存数据:sessionStorage.setItem(key,value);
    读取数据:sessionStorage.getItem(key);
    2.localStorage
    保存数据:localStorage.setItem(key,value);
    读取数据:localStorage.getItem(key);
    看上面的说明相信大家都能很快明白两种对象的使用方法。但是,不管是使用哪个对象,都是用setItem(键名,键值)的方法来保存数据,保存后不允许修改键名,但是可以修改键值也就是说只新建键名,再保存键值。使用getItem方法读取数据时,将参数指定为键名,返回键值。
    // sessionStorage示例JS
    function savesessionStorage(id){
    var target= document.getElementById(id);
    var str=target.value;
    sessionStorage.setItem("message",str);
    }
    function loadsessionStorage(id){
    var target=document.getElementById(id);
    var msg=sessionStorage.getItem("message");
    target.innerHTML=msg;
    }
    // localStorage示例JS
    function savelocalStorage(id){
    var target= document.getElementById(id);
    var str=target.value;
    localStorage.setItem("message",str);
    }
    function loadlocalStorage(id){
    var target=document.getElementById(id);
    var msg=localStorage.getItem("message");
    target.innerHTML=msg;
    }
  • 相关阅读:
    Dijkstra-leetcode 743.网络延迟时间
    BFS-leetcode787 K站中转内最便宜的航班
    图论基础——单源最短路径问题
    DFS leetcode-547 朋友圈
    SpringBoot 使用注解向容器中注册Bean的方法总结
    SpringBoot对SpringMVC的支持
    数据源简介
    Spring MVC简介
    2020-2-10 Python 列表切片陷阱:引用、复制与深复制
    2020-2-2 语法糖
  • 原文地址:https://www.cnblogs.com/top5/p/2446223.html
Copyright © 2011-2022 走看看