首页前端开发HTML Web storage存储基础知识

Web storage存储基础知识

时间2024-05-20 04:00:03发布访客分类HTML浏览92
导读:Web storage, Localstorage Sessionstorage: 1 检测浏览器是否支持数据存储 注意:在html5中 使用javascript 来存储和访问数据的。 2. Localstorage 设置 /获取数据 存...

Web storage,

Localstorage

Sessionstorage:

1 检测浏览器是否支持数据存储

注意:在html5 使用javascript 来存储和访问数据的。

2. Localstorage 设置 /获取数据

存储在客户端的(移动端 手机 平板) 没有时间限制的

常用方法:

赋值:

window.localStorage .setItem("变量名称","val") ---localStorage.变量名称 =

取值:

window.localStorage.getItem("变量名称")-à localStorage.变量名称

注意:测试localStorage 需要到 php环境下测试

3.sessionstorage 设置/获取数据

存储在服务器端(sohu 美食天下)

赋值:

window. sessionStorage .setItem("变量名称","val") ---sessionStorage .变量名称 =

取值:

window. sessionStorage .getItem("变量名称")-à sessionStorage .变量名称

sessionStorage:

关闭浏览器

调用:sessionStorage.removeItem("bName"); 清空数据

案列代码:

无标题文档

//window.localStorage /sessionStorage

//if(true) true 不空 0 0.0 "0" window.localStorage 有值

if(window.localStorage){

alert(111);

}

if(window.sessionStorage){

alert(222);

}

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Web storage存储基础知识
本文地址: https://pptw.com/jishu/663893.html
Css3 样式 Js中的Ajax数据缓存

游客 回复需填写必要信息