localStorage应用

待我称王封你为后i 2022-02-02 06:51 243阅读 0赞

一，概述：它是html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，可以在各个页面之间传值的作用。

它有5M的大小空间，它仅在客户端（即浏览器）中保存，不参与和服务器的通信，我们可以通过js来操纵。

localStorage生命周期是永久，除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

二，使用：

1，存值：

$(document).ready(function(){
        //判断浏览器是否支持
        if(!window.localStorage){
            return false;
        }else {
            var storage = window.localStorage;   //获得localStorage
            var XM = $("#XM").val();             
            var SFZH = $("#SF").val();
            storage.setItem("XM",XM);            //键值对方式存值
            storage.setItem("SFZH",SFZH);
    	}
    });

2，取值和删除

function initWorkCard(){
        //判断浏览器是否支持
        if(!window.localStorage){
            return false;
        }else {
            var storage = window.localStorage;
            var xm =storage.XM;          //取值
            var sfzh = storage.SFZH;     //取值
    	    storage.removeItem("XM");    //删除值
            storage.removeItem("SFZH");  //删除值
        }
    }

三，[localstorage的浏览器支持情况][localstorage]

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>IE</td> 
   <td>Firefox</td> 
   <td>Opera</td> 
   <td>Chrome</td> 
   <td>Safari</td> 
   <td>iPhone</td> 
   <td style="width:69px;">Android</td> 
  </tr> 
  <tr> 
   <td>8.0+</td> 
   <td>3.0+</td> 
   <td>10.5+</td> 
   <td>4.0+</td> 
   <td>4.0+</td> 
   <td>2.0+</td> 
   <td style="width:69px;">2.0+</td> 
  </tr> 
 </tbody> 
</table>

[localstorage]: https://www.cnblogs.com/jiahuasir/p/10266896.html

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 localStorage

目录 localStorage与sessionStorage localStorage的Set与Get localStorage传递参数 ---------------

迈不过友情╰/ 2023年09月27日 20:06/ 0 赞/ 111 阅读

相关 localStorage封装

localStorage标准封装 const myStorage = { //存储 set(key, value) { local

Dear 丶/ 2022年11月10日 05:38/ 0 赞/ 152 阅读

相关 HTML5-localStorage应用

localStorage支持支持localStorage的浏览器类型 ![这里写图片描述][20160704105159471] 判断浏览器是否支持local

矫情吗；*/ 2022年09月23日 03:51/ 0 赞/ 222 阅读

相关 localStorage sessionStorage学习

今天有点不想整理了，明天开始~~ 哈哈哈，大清早的来整理博客啦什么是localStorage sessionStorage?这两个是H5新增特性，html5中的Web

柔光的暖阳◎/ 2022年07月12日 01:17/ 0 赞/ 193 阅读

相关 Cookie,localStorage,sessionStorage

webstorage webstorage是本地存储，存储在客户端，包括localStorage和seesionStorage. 1.localStorage >

桃扇骨/ 2022年05月29日 01:38/ 0 赞/ 209 阅读

相关 localStorage

localStorage 只能存储字符串，如果要存储对象或者集合，需要将对象和集合使用JSON.stringify()方法转化成JSON字符串；同理在取出的时候要使用JSON.

墨蓝/ 2022年05月22日 01:09/ 0 赞/ 179 阅读

相关 session,cookie,sessionStorage,localStorage的区别及应用场景

浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和session cookie和

灰太狼/ 2022年05月20日 10:10/ 0 赞/ 194 阅读

相关 jq localStorage

$(function () { if(!window.localStorage){ alert("浏览器不支持l

青旅半醒/ 2022年03月26日 10:11/ 0 赞/ 187 阅读

相关 localStorage应用

一，概述：它是html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，可以在各个页面之间传值的作用。它有5

待我称王封你为后i/ 2022年02月02日 06:51/ 0 赞/ 244 阅读

相关 localStorage

一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决...

灰太狼/ 2021年03月25日 15:45/ 0 赞/ 487 阅读