web Storage API:网络存储端口

单词

store(动)

  • 读:丝跺
  • 意思:存储

store 'abc' in variable

  • 小商店

storage(名)

  • 读:丝跺瑞汁
  • 意思:存储、贮藏、存储空间

web storage

  • 意思:网络存储

web Storage API

  • 意思:网络存储端口
  • 定义:浏览器内置的存储网页数据的接口。

Storage是web Storage API的核心对象。它定义了一个属性四个方法:

  • Storage.length
  • Storage.setitem() 存数据
  • Storage.getitem() 取数据
  • Storage.removeitem() 删指定数据
  • Storage.clear() 清空存储对象里所有的键值

接口的使用方法

web Storage API 提供了两种实现网络存储的机制:

  • window.localstorage:可以拿到Storage对象 (生命周期:永生的)
  • window.sessionstorage:可以拿到Storage对象(生命周期:关闭浏览器窗口就清空了)

Storage.setitem()

set:名字集合
item:项目
定义:用于向网络存储空间添加数据(键值对:string)
语法

window.localstorage.setitem('键名','键值')
window.sessionstorage.setitem('键名','键值')

返回值:undefined

Storage.getitem()

定义:用于从Storage中读取数据。
语法

window.localstorage.getitem('键名') 
window.sessionstorage.getitem('键名') 

返回值:返回键值,没有就返回 null

JSON

两个概念

  • JSON数据格式:跨语言的数据格式,数据格式它不属于JS范畴。
  • JSON对象:属于JS范畴。

JSON是什么

  • JSON是JavaScript Object Notation的缩写,中文:js对象符号。
  • JSON是一种特殊的文本格式。
let json = ` {
"name":"zhangsang",
"age":"19",
"phone":"122233"
 } `
  • JSON不是Objcet,是基于对象数据格式的字符串。
  • JSON中属性名和属性值都必须使用双引号包裹。
  • 禁止使用后置逗号
    定义

创建方法

1.字面量法

let json = ` {
"name":"zhangsang",
"age":"19",
"phone":"122233"
 } `

2.使用JSON对象创建JOSN字符串
- JSON对象是JS的内置对象
- JSON对象定义了两个静态方法

  • JSON.stringify():用于将JS中的对象转换为JSON字符串。
  • JSON.parse():用于将JSON解析成对象。

总结

  • Web Storage API是什么(浏览器内置的存储网页数据的接口。)

  • Web Storage API 核心对象是谁 (Storage)
    1.浏览器会为每一个文档源(origin)创建一个存储空间
    2.同源策略:1.协议 2.主机名 3.端口号 必须相同

  • Storage接口定义了那些属性和方法?(重点)

  • 如何使用Storage对象?(API提供了两种存储Storage对象的机制)
    1.window.localstorage
    2.window.sessionstorage

  • 浏览器内置的网络存储空间多大?(5M)

  • 什么是表单域(就是收集用户信息的区域)

  • 什么是表单控件
    1.<input>
    2.<select>
    3.<textarea>

  • html有几种按钮 (4种)

  • 哪种按钮绑定了submit事件( <input type="submit"> )

  • 如何取消按钮的提交submit事件( ev.preventDefault() 方法)

  • 如何手动触发submit事件(使用submit()方法)

  • JSON是什么?(JSON是基于JS对象语法,表示的文本字符串)

  • JSON和JS对象的区别(1.引号 2.尾随引号 3.0禁止前置0 4.JSON是字符串)

  • JSON对象提供了两种存储JSON字符串的方法
    1.JSON.stringify() 将js对象转JSON(转字符串)
    2.JSON.parse() 将JSON转js对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容