BOM操作
window
- window对象是一个全局对象,也可以说是JavaScript中的顶级对象
- 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。
- 所有通过var定义在全局作用域中的变量,函数都会变成window对象的属性和方法
- window对象可以省略不谢
延时器和定时器
延迟一段时间才执行的代码
settimeout(function(){},1000)//过一秒钟才执行函数里的代码
延时器和定时器的区别:
延时器执行一次,定时器每隔一段时间就执行一次
location对象
location.href
()跳转页面- location.reload()刷新
- location.search()?后面的内容
location.hash
#后面的值
navigator对象
主要用来获取浏览器的信息
history对象
管理历史记录,必须执行过的才算有历史记录
- history.forward()去下一个页面
- history.back()返回上一个页面
- history.go()
本地存储
本地存储就是将数据存储在用户的浏览器中,
设置、读取方便、甚至页面刷新不丢失数据,
容量较大,sessionStorage和localStorage约 5M 左右
存储复杂数据类型
本地只能存储JSON字符串,无法存储复杂数据类型,需要将js类型转换为JSON字符串存储到本地
转换JSON字符串的语法
JSON.stringify(复杂数据类型)//将复杂数据类型转换为字符串
JSON.parent(JSON字符串)//将JSON字符串转换为对象
localStorage
可以将数据永久存储在本地,除非手动删除,否则关闭页面也会存在
特性:
- 可以多窗口共享
- 以键值对的形式存储
//存储数据
localStorage.setItem(ket.value)
//获取数据
localStorage.getItem(ket)
//删除数据
localStorage.removeItem(ket)
sessionStorage
特性:
- 生命周期为关闭浏览器窗口,页面关闭数据就没了
- 用法跟localStorage基本相同
localStorage 和sessionStorage的区别
前者关闭浏览器也会保存在本地中,除非手动删除,后者,浏览器已关闭,数据就被删除了