• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > h5 web 存储

h5 web 存储

作者:mengjavakaifa的博客 字体:[增加 减小] 来源:互联网 时间:2017-10-05

本文主要包含web,存储,localhost等相关知识,mengjavakaifa的博客希望在学习及工作中可以帮助到您
var saveLocalKey = "stuentList";
    //创建HTML标签
 function createHtml() {
        //拿本地数据
        var list = read();
        var allhtml = "";
        for (var i in list) {
            var student = list[i];
            var city = student.Name;
            var cityid = student.Nameid;
            allhtml+=' <div class="citydiv locationcity"  > <span nameid="{{id}}">{{citys}}</span> </div>';
            allhtml=allhtml.replace("{{citys}}",city);
            allhtml=allhtml.replace("{{id}}",cityid);
        }

        $("#cityback").html(allhtml);
    }
function saveLocal(title,id) {
        //先取出原有的数据
        var list = read();
        //添加到末尾
        for (var i in list) {
            var students = list[i];
            if (students.Name == title) {
                return false;
            }
        }

        var student = {
            Name: title,
            Nameid: id
        };
        list.push(student);
        //写回去
        save(list);
    }
    //存数据
    function save(list) {
        if (list.length == 0) {
            localStorage.removeItem(saveLocalKey);
        }
        var listStr = JSON.stringify(list);
        localStorage.setItem(saveLocalKey, listStr);
    }
    //读数据
    function read() {
        var listStr = localStorage.getItem(saveLocalKey);
        var list;
        if (listStr == null) {
            list = [];
        } else {
            list = JSON.parse(listStr);
        }
        return 


 

您可能想查找下面的文章:

  • HTML5的本地存储
  • Web前端页面跳转并取到值
  • 浅析HTML5的WebSocket与服务器推送事件
  • 带你认识HTML5中的WebSocket
  • html5桌面通知(Web Notifications)实例解析
  • HTML5实现WebSocket协议原理浅析
  • html5的websockets全双工通信详解学习示例
  • 利用html5的websocket实现websocket聊天室
  • HTML5 Web Workers之网站也能多线程的实现
  • HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代

相关文章

  • 2018-12-03在canvas上实现元素图片镜像翻转动画效果的方法
  • 2018-12-03html5 div布局与table布局详解
  • 2018-12-03移动端HTML5模拟长按删除事件(附代码)
  • 2018-12-03HTML5标签大全
  • 2018-12-03svg的案例详解
  • 2018-12-03小程序学习之如何获取地理定位并显示城市名称
  • 2017-08-06Html5 postMessage实现跨域消息传递
  • 2018-12-03分享29个基于Bootstrap的HTML5响应式网页设计模板_html5教程技巧
  • 2018-12-03基于HTML5 Canvas 实现地铁站监控
  • 2018-12-03响应式和自适应有什么区别

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5晃动DeviceMotionEvent事件
    • 详解HTML5幻灯片系统--H5Slides
    • canvas中beginPath()和closePath()作用的实例解析
    • 关于 5 个最棒的 HTML5 框架的图文详解
    • h5中文件上传下载实例
    • Dreamweaver中设置html网页段落行间距的方法指导
    • HTML5 canvas基本绘图之填充样式实现
    • HTML5 Canvas中绘制矩形实例
    • X/HTML5 和 XHTML2
    • 对HTML5中表单新增属性的分析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有