长沙网站主机,娱乐网站建设怎么样,网页设计与网站建设课程总结,如何设计一个网页存放自己的作品HTML5 提供了两种在客户端存储数据的新方法#xff1a; localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储在浏览器中打开审查元素#xff08;如谷歌F12#xff09;#xff0c;在Resources下面可以查看里面的数据。 localStorage提供了几…HTML5 提供了两种在客户端存储数据的新方法 localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储在浏览器中打开审查元素如谷歌F12在Resources下面可以查看里面的数据。 localStorage提供了几个方法: 1、存储localStorage.setItem(key,value);或localStorage.keyvalue; 如果key存在时更新value 2、获取localStorage.getItem(key);或localStorage.getItem(key); 如果key不存在返回null 3、删除localStorage.removeItem(key) 一旦删除key对应的数据将会全部删除 4、全部清除localStorage.clear() 某些时候使用removeItem逐个删除太麻烦可以使用clear,执行的后果是会清除所有localStorage对象保存的数据 5、遍历localStorage存储的key .length 数据总量例localStorage.length .key(index) 获取key例var keylocalStorage.key(index); 6、存储JSON格式数据 JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串 JSON.parse(data) 将数据解析成对象返回解析后的对象 SessionStorage的用法类似。 备注localStorage存数的数据是不能跨浏览器共用的一个浏览器只能读取各自浏览器的数据,储存空间5M。转载于:https://www.cnblogs.com/tangshiguang/p/6762975.html