六、BOM-操作浏览器

目录

window对象

BOM浏览器对象模型

定时器-延时函数

JS执行机制

location对象

navigator对象

history对象

swiper插件

本地存储

localStorage

简单数据类型的存储和读取

复杂数据类型的存储和读取(对象，数组)

本地存储数据的删除

拓展-自定义属性

---

window对象

BOM浏览器对象模型

BOM(Browser Object Model ) 是浏览器对象模型

定时器-延时函数

JavaScript内置的一个用来让代码延迟执行的函数，叫setTimeout

语法：

  setTimeout(回调函数，等待的毫秒数)

setTimeout 仅仅只执行一次，所以可以理解为就是把一段代码延迟执行

清除延时函数：

  let timer = setTimeout(回调函数，等待的毫秒数)
  clearTimeout(timer)

JS执行机制

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

JS 的异步是通过回调函数实现的。

JS 执行机制

1. 先执行执行栈中的同步任务。

2. 异步任务放入任务队列中。

3. 一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务

结束等待状态，进入执行栈，开始执行。

location对象

location 的数据类型是对象，它拆分并保存了 URL 地址的各个组成部分

1、href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转（可赋值-地址）

  console.log(location.href)
  //打印当前文件的URL地址
  location.href = 'http://www.itcast.cn'
  //赋予地址，使用JS方式跳转到目标地址

2、search 属性获取地址中携带的参数，符号 ？后面部分

  console.log(location.seach)
  //打印获取地址携带的参数࿰