window对象 : 浏览器窗口
1. 是js中的顶级对象。 所有的全局函数、全局属性都是window对象的成员(属性+方法)
2. 只要是window对象的成员,在使用时可以省略window
3. window对象有一些特殊的属性不能被覆盖。 例如top不能作为全局变量名
window对象两个方法
1.打开新窗口: window.open()
2.关闭新窗口: window.close()
location : 网址栏 url
1.使用最多的属性(网页跳转): location.href
2.location对象三个方法 :
location.assign() : 跳转网页。 作用与location.href一致
location.replace() : 替换网页。 使用较少,因为替换后不能返回
location.reload() : 刷新网页。 一般用于移动端
history : 历史记录
history三个方法:
history.back() : 返回上一页 等价于 history.go(-1)
history.forward() : 前进下一页 等价于 history.go(1)
history.go( 数字 ) : 到历史记录的具体哪一页
正数: 前进 1:前进1页 2:前进2页
负数: 回退 -1:回退1页 -2:回退2页
1.localStorage对象作用 : 存储数据
* 经典应用: 免登录
2.localStorage语法 :
* 存数据: localStorage.setItem('属性名',属性值)
* 取数据: localStorage.getItem('属性名')
* 删数据: localStorage.removeItem('属性名')
* 清空数据: localStorage.clear()
3.localStorage注意点 :
3.1 永久存储 : 除非手动清除,否则一直存在
3.2 只能存储字符串类型,如果存储其他类型,编译器会自动toString()转成字符串来存储
存数据: localStorage.setItem('属性名',属性值)
2.sessionStorage对象作用 : 存储数据
2.sessionStorage语法 :
* 存数据: sessionStorage.setItem('属性名',属性值)
* 取数据: sessionStorage.getItem('属性名')
* 删数据: sessionStorage.removeItem('属性名')
* 清空数据: sessionStorage.clear()
3.sessionStorage注意点 :
3.1 临时存储 : 只要页面关闭了,就自动清除了
3.2 只能存储字符串类型,如果存储其他类型,编译器会自动toString()转成字符串来存储
存数据: sessionStorage.setItem('属性名',属性值)
1.localStorage和sessionStorage的区别?
相同点: 作用相同,都是存储数据
不同点:存储方式不同
localStorage : 硬盘存储(永久存储)
* 应用场景: 免登录
sessionStorage : 内存存储 (临时存储)
* 应用场景: 页面间传值
2.localStorage和sessionStorage在用的时候有什么注意点吗?
* 只能存储字符串类型数据, 如果存储其他类型则编译器自动调用toString()转成字符串
3.如何解决storage存储对象只能存储字符串问题? (如何存储引用类型)
* 使用json格式存储
1.json是什么? : json是一种数据格式,本质是字符串类型
* 实际开发中,网页中的数据都是来源于网络服务器。 而服务器不是js语言开发,而是其他编程语言 :
java、c++、python、go、c#、.net .... 而且后台也不是只为前端服务,也要为安卓端和ios端服务器。
* 不同的编程语言,数据类型不同。他们是不互通的。后来人们就发明了一种通用的数据格式,让所有
的编程语言都支持。这就是json格式。
2.json作用 ? : 数据跨平台传输问题
3.json语法 ? : 本质是字符串
3.1 json转js : let js对象 = JSON.parse(json格式)
3.2 js转json : let json格式 = JSON.stringify(js对象)