JavaScript --------WebS APIs学习之本地存储
本地存储
本地存储特性：
1.数据存储在用户浏览器中
2.设置，读取方便，甚至页面刷新不丢失数据
3.容量较大，sessionStorage 约5M ，localStroage 约20M
4.只能存储字符串，可以将对象JSON.stringify()编码后存储
window.sessionStorage
1.生命周期为关闭浏览器窗口
2.在同一个窗口（页面）下数据可以共享
3.以键值对的形式存储使用
存储数据：sessionStorage.setItem(key,value)
获取数据：sessionStorage.getItem(key)
删除数据：sessionStorage.removeItem(key)
删除所有数据：sessionStorage.clear()
window.localStroage
1. 生命周期永久生效，除非手动删除否则关闭页面也会存在
2.可以多窗口（页面）共享（同一浏览器可以共享）
3.以键值对的形式存储使用
存储数据：localStroage .setItem(key,value)
获取数据：localStroage .getItem(key)
删除数据：localStroage .removeItem(key)
删除所有数据：localStroage .clear()
JavaScript --------WebS APIs学习之本地存储相关推荐
- Prometheus 学习之——本地存储 TSDB
Prometheus 学习之--本地存储 TSDB 文章目录 Prometheus 学习之--本地存储 TSDB 前言 一.TSDB 核心概念 二.详细介绍 1.block 1)chunks 2)in ...
- 性能：15个JavaScript本地存储技术的函数库和工具
当构建更复杂的JavaScript应用程序运行在用户的浏览器是非常有用的,它可以在浏览器中存储信息,这样的信息可以被共享在不同的页面,浏览会话. 在最近的过去,这将有可能只被cookies文本文件保存 ...
- JS9day(BOM对象模型,setTimeout定时器，JS单线程执行机制，location对象，swiper插件，localStorage本地存储，购物车案例升级版，学习信息案例（本地存储）)
文章目录 BOM简介 定时器-延时函数 5秒关闭广告案例 递归模拟setInterval函数 两种定时器对比 JS 执行机制 location对象 navigator对象 histroy对象(了解) ...
- 前端学习（1045）:todolist本地存储加载到页面
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
- 前端学习（1044）:本地存储实现数据录入
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
- 前端学习（1043）:回车把数据存储到本地存储里面
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
- HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
- Web APIs介绍（四）——offset/client/scroll/轮播图/本地存储
1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移).大小等. 获得元素距 ...
- JavaScript之本地存储
文章目录 前言 本地存储 本地存储特性 一.目标 二.主要学习内容 1. window.sessionStorage 1.1 sessionStorage的特性 1.2 sessionStorage的 ...
- Web APIs 本地存储
window 对象:浏览器窗口 1.window对象的三个特点 (1)window 是js中的顶级对象 所有的全局函数 全局变量都是window对象的成员(属性+成员) (2)只要是window对象中 ...
最新文章
- 经典贪心法:时间序列问题及其全局最优性证明
- JavaScript（八）
- vue.js环境安装
- 基于S3C2440A+SDRAM(K4M51163)
- HAAR、LBP分类器训练
- logic回归是一种线性回归
- mPaaS 客户端问题排查之突如其来的“白屏”等待
- vs2010如何安装qt插件
- 原来女孩子做电子工程师也很厉害。。
- 根据图片获得配色方案_配色系列（1）—从图片中获得配色灵感
- 揭秘微信朋友圈这种信息推流背后的系统设计
- 网站服务器中病毒或被***怎么办？
- 最大功率点跟踪测试软件,最大功率点跟踪方法及系统
- 计算机网络课程设计个人总结,计算机网络课程设计心得体会.doc
- 数字孪生智慧监狱三维可视化系统建设方案
- 保姆级人声录剪混音教程|您的人声不是输给了混音，而是“选择”。（误区）|MZD Studios
- 微软官方Windows2003原版下载
- 期刊评价查询+机器人领域期刊排名
- GGSN - SCP 业务控制点
- ChatGPT专业应用：撰写节日营销活动方案