本地存储对象

最新推荐文章于 2024-08-15 19:25:02 发布

原创最新推荐文章于 2024-08-15 19:25:02 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #localStorage #本地存储 #h5

js 同时被 2 个专栏收录

18 篇文章

订阅专栏

1 篇文章

订阅专栏

本文详细介绍了HTML5的本地存储特性localStorage和sessionStorage的使用方法。包括如何检测浏览器是否支持本地存储，如何将JSON对象存储为字符串，以及如何从字符串形式还原为JSON对象。通过示例代码展示了完整的操作流程。

localStorage和sessionStorage属于h5新特性，

1，首先得确定浏览器支持本地存储localStorage和sessionStorage

		if(!window.localStorage){
	        alert("浏览器支持localstorage");
	     }else{
	         alert("浏览器不支持localstorage");
	     }

2，一般我们会将JSON存入localStorage中，但是在localStorage会自动将localStorage转换成为字符串形式
所以借助JSON.stringify()这个方法，来将JSON转换成为JSON字符串

if(!window.localStorage){
        alert("浏览器支持localstorage");
     }else{
         var storageData=window.localStorage;
         var data={
             name:'aaa',
             sex:'man'
         };
         var stringData=JSON.stringify(data);
         storageData.setItem("data",stringData);
         console.log(storage.data);
     }

3,读取之后要将JSON字符串转换成为JSON对象，使用JSON.parse()方法

var storage=window.localStorage;
        var data={
            name:'aaa',
            sex:'man'
        };
        var stringData=JSON.stringify(data);
        storage.setItem("data",stringData);
        //将JSON字符串转换成为JSON对象输出
        var json=storage.getItem("data");
        var jsonObj=JSON.parse(json);
        console.log(typeof jsonObj);