动态数据生成

一．页面上的动态数据生成

HTML5的WebStorage提供了两种API：localStorage（本地存储）和sessionStorage（会话存储）。
1、localStorage:localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。
localStorage除非主动删除数据，否则数据永远不会消失。
2、sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念
，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。
但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。
3、localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
4、localStorage和sessionStorage的存储数据大小一般都是：5MB
5、localStorage和sessionStorage都保存在客户端(浏览器)，不与服务器进行交互通信。

            .setItem(key,value); //用于添加和修改保存的数据 key不存在时为添加,key存在时为修改
            .getItem(key);  //获取指定key的value
            .removeItem(key);//移除指定key的数据

每次点击把得到的数据绑定到页面框架上，这种动态页面数据的好处：信息不是一潭死水，相反我们很多时候需要在一个页面看到很多不同的数据，所以可以接收传递过来的数据，每次接收到不同的数据就改变成什么值，接收数据可以用API；

二．动态数据改变
1.动态数据的改变也很容易，只需要把之前生成的数据删除后，在把新的想要添加到页面框架的数据添加上去就可以实现动态改变效果
2.初始化清理以前的session，sessionStorage.removeItem（）；清空数据$(“#”).empty();
3.empty是空的意思，清空后之前的数据就没了，然后就可以绑定新的session数据达到动态效果