美文网首页
h5本地存储

h5本地存储

作者: 毛子阿卡西 | 来源:发表于2018-08-14 11:49 被阅读0次
//保存数据
        function save(){
            var contact = new Object;
            contact.user_name = document.getElementById("user_name").value;
            contact.mobilephone = document.getElementById("mobilephone").value;
            contact.company = document.getElementById("company").value;
            var str = JSON.stringify(contact);
            localStorage.setItem(contact.mobilephone,str);
            loadAll();
        }
        //将所有存储在localStorage中的对象提取出来,并展现到界面上
        function loadAll(){
            var list = document.getElementById("list");
            if(localStorage.length>0){
                var result = "<table border='1'>";
                result += "<tr><td>姓名</td><td>手机</td><td>公司</td></tr>";
                for(var i=0;i<localStorage.length;i++){
                    var mobilephone = localStorage.key(i);
                    var str = localStorage.getItem(mobilephone);
                    var contact = JSON.parse(str);
                    result += "<tr><td>"+contact.user_name+"</td><td>"+contact.mobilephone+"</td><td>"+contact.company+"</td></tr>";
                }
                result += "</table>";
                list.innerHTML = result;
            }else{
                list.innerHTML = "目前数据为空,赶紧开始加入联系人吧";
            }
}

相关文章

  • Day 20 存储

    本地存储 本地存储分为cookie,以及H5新增的localStorage和sessionStorage; 本地储...

  • 3月 前端 19 Day

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 19_day本地储存,正则

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 本地储存

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 本地存储

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 2018-08-28

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地存储

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地存储和移动端jsshi'jian

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 2018-07-30知识点总结

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地储存

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

网友评论

      本文标题:h5本地存储

      本文链接:https://www.haomeiwen.com/subject/dfgmbftx.html