WebAPI-Bom对象 延时器 BOM操作 本地存储

BOM

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

window对象是一个全局对象，也可以说是JavaScript中的顶级对象

像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。

所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法

 window对象下的属性和方法调用的时候可以省略window 

定时器-延时函数

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

清除延时器

let ti = setInterval(调用函数,相隔时间(毫秒))
 clearTimeout(ti)

 两种定时器对比：执行的次数

延时函数: 执行一次

间歇函数:每隔一段时间就执行一次,除非手动清除

案例 五秒消失广告

 

href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转 

 

案例 五秒之后跳转 

  
  
  
  


  页面会在${i}秒后跳转到百度,或者点击立即跳转
  

navigator对象

通过 userAgent 检测浏览器的版本及平台

  // 浏览器对象

    // navigator

    console.log(window.navigator.userAgent);

 history对象

  //历史记录

    console.log(history.length);//访问过几个地址

    // history.back()//返回前一个页面

    //history.forward()//历史记录的下一个 前进历史记录

    history.gp(num) //负数表示回退上几个个历史记录

本地存储 

作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除，否则关闭页面也会存在

特性： 可以多窗口（页面）共享（同一浏览器可以共享） 以键值对的形式存储使用

 

查看方式 

 本地存储分类- sessionStorage

生命周期为关闭浏览器窗口

在同一个窗口(页面)下数据可以共享

以键值对的形式存储使用

用法跟localStorage 基本相同

 存储复杂数据类型

本地只能存储字符串,无法存储复杂数据类型.

解决：需要将复杂数据类型转换成JSON字符串,在存储到本地

语法：JSON.stringify(复杂数据类型)

 因为本地存储里面取出来的是字符串，不是对象，无法直接使用

取出

解决：把取出来的字符串转换为对象

语法：JSON.parse(JSON字符串)