码迷,mamicode.com
首页 > 其他好文 > 详细

数据存储——localstorage

时间:2018-06-21 01:32:39      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:lse   图片   http   ret   efault   return   string   nbsp   htm   

一、存储数据
HTML中
<div id="test"></div>
JS中
localStorage.setItem("key",2); let a = document.createElement("p"); let test = document.getElementById("test"); test.appendChild(a); a.innerHTML = localStorage.getItem("key");

最终效果(上面是网页中显示的,下面是localstorage中存储的)

技术分享图片

二、存储对象

html中

   <div id="test">

        </div>

JS中

let value = [1, 2, 3];
            function save(name, value) {
                if (typeof value == "object") {
                    localStorage[name] = JSON.stringify(value);
                } else {
                    localStorage[name] = value;
                }
            }

            function get(name, defaultValue) {
                let value;
                if (!localStorage[name]) {
                    value = defaultValue;
                } else {
                    value = JSON.parse(localStorage[name]);
                }
                return value;
            }
            save("s", value);//存储数据
            let a = document.createElement("p");//创建一个p元素
            let test = document.getElementById("test");//获取到div元素
            test.appendChild(a);//将p添加到div元素中
            a.innerHTML = get("s");//p的元素内容解析为本地存储的值

最终结果(上面是网页中显示的,下面是localstorage中存储的)

技术分享图片

 

数据存储——localstorage

标签:lse   图片   http   ret   efault   return   string   nbsp   htm   

原文地址:https://www.cnblogs.com/cj-18/p/9206636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!