JavaScript中Bom操作,本地存贮

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的区别

前者关闭浏览器也会保存在本地中,除非手动删除,后者,浏览器已关闭,数据就被删除了