Window.localStorage

localStorage 属性允许你访问一个 local Storage 对象。localStorage 与 sessionStorage 相似。不同之处在于，存储在 localStorage 里面的数据没有过期时间（expiration time），而存储在 sessionStorage 里面的数据会在浏览器会话（browsing session）结束时被清除，即浏览器关闭时。

应该注意的是，无论是 localStorage 还是 sessionStorage 中保存的数据都仅限于该页面的协议。

localStorage.setItem(‘myCat‘, ‘Tom‘);

浏览器兼容性

Desktop Mobile
Feature         Chrome    Firefox (Gecko)    Internet Explorer    Opera    Safari (WebKit)
localStorage      4       3.5                   8                 10.50     4
sessionStorage    5       2                     8                 10.50     4

时间： 2024-10-13 16:20:59

Window.localStorage的相关文章

js window.localStorage 使用

var storage = window.localStorage; storage.setItem("param","test"); var s = storage.getItem("param");//"test"

window.localStorage运用

window.localStorage.getItem('键'): //getItem获取浏览器localStorage保存的键的值: window.localStorage.setItem('键','值'): //setItem保存键的值到浏览器的localStorage;

vue项目常用之三：window.localStorage持久化存储数据封装

export const setItem = (name, value) => { if (typeof value === 'object') { value = JSON.stringify(value) } window.localStorage.setItem(name, value) } export const getItem = name => { const data = window.localStorage.getItem(name) try { return JSON.p

Window.localStorage 的使用

只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage:存储的数据将保存在浏览器会话中.localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留:而当页面会话结束--也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除 . 应注意,无论数据存储在 localStorage 还是 sessionStorage ,它们都特定于页面的协议. 另外,lo

本地存储localStorage以及它的封装接口store.js的使用

本地存储localstorage localstorage 是 HTML5 提供的在客户端存储数据的新方法,主要作用是将数据保存在客户端中,并且数据是永久保存的,除非人为干预删除. localstorage作为本地存储来使用,解决了cookie存储空间不足的问题:cookie中每条cookie的存储空间为4k,但localStorage的存储空间有5M大小.另外,相比于cookie,localStorage可以节约带宽,在同一个域内,浏览器每次向服务器发送请求,http都会带着cookie,使c

HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. web storage和cookie的区别 Web Stora

如何获得浏览器localStorage的剩余容量

一.如何获取localStorage的剩余容量在H5大行其道的今天,localStorage(本地存储)对每一个前断攻城师来说都不太陌生.同时localStorage也给我们带来了极大的便利,不用于cookies的小家子气,localStorage的存储量还是很客观的. 由于浏览器的差异性,导致我们需要对localStorage中的内容做出一部分取舍.而根据目前的市场上浏览器对loaclStorage的兼容性来看,最佳的大小是2.5M左右.如何得到localStorage的容量大小,大概接触过

localStorage本地存储的用法

localStorage用法 if(window.localStorage){ alert('这个浏览器支持本地存储'); }else{ alert('这个浏览器支持不本地存储'); } localStorage.a=3;//设置a为"3" localStorage["a"]="sfsf";//设置a为"sfsf",覆盖上面的值 localStorage.setItem("b","isaac&qu

HTML5 localStorage本地存储实际应用举例

HTML5 localStorage本地存储实际应用举例 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952 一.引言 HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性.就我所做的项目而言,应用的HTML5相关特性有:data-自定义属性.placeholder.以及email类型input文本框.上周新上线的会员中心,自己又