zoukankan      html  css  js  c++  java
  • HTML5 localstorage浏览器本地存储

    应用场景:

         当我们用JSON来模拟后台数据的时候,前台增删改查都是把数据放到一个JavaScript对象中,但是这种方法的数据只能作用于一个页面。localstorage的出现解决了我们这个问题!即通过localstorage把数据存储在浏览器上,然后在另一个要引用此数据的页面中再取出localstorage的东西!
         比如:当你首次访问某个页面,在该页面中展开主菜单的子菜单,刷新页面,子菜单已经自动展开(因为该状态已经被记录到浏览器中了),或者说关闭浏览器重新打开该页面,子菜单依旧是展开的。
     
    代码:
         现在有一个JSON文件,点击“获取数据”按钮,JSON文件的内容读取到页面上。再点击按钮,内容清空。
     
    json文件
     
    html代码
     
    当点击按钮时,json文件的内容在id为jsonTip的div中展示,用data-rel来标记状态。
     
    js代码
     
     
     
    点击按钮
     
     
    刷新页面后
  • 相关阅读:
    接口分类
    HTTPS和HTTP的主要区别
    协议类
    小程序
    Polyfill
    去重数组
    odoo 接口跨域请求报错
    docker-compose 自定义容器名称
    linux ssh 防暴力破解fail2ban
    odoo 知识点
  • 原文地址:https://www.cnblogs.com/mxxim/p/4553721.html
Copyright © 2011-2022 走看看