单词
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对象
