Web APIs 第五天

99 阅读1分钟

BOM操作

window

    1. window对象是一个全局对象,也可以说是JavaScript中的顶级对象
    1. 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。
    1. 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法
    1. window对象下的属性和方法调用的时候可以省略window

延时器和定时器

  • 延时器

    • 延迟一段时间之后才执行对应的代码

    • let timerId = setTimeout(回调函数, 延迟时间)

    • 清除延时器

      • clearTimeout(timerId)
    • 注意点

      • 延时器需要等待,所以后面的代码先执行
      • 每一次调用延时器都会产生一个新的延时器
  • 定时器

  • 区别:执行的次数

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

location对象

  • 主要负责网页的地址栏

  • location.href

    • 跳转页面
  • location.reload()刷新

  • locaction.search

    • ?后面的内容
  • locaction.hash

    • #后面的内容

navigator对象

  • 主要用来获取浏览器的信息(了解)
  • navigator.userAgent

histroy对象

  • 管理历史记录
  • history.forward()
  • history.back()
  • history.go()

本地存储

  • 作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除

  • 语法

      • localStorage.setItem('键', '值')
      • localStorage.getItem('键')
      • localStorage.removeItem('键')
  • 注意: 本地存储只能存储字符串

  • 存储复杂数据类型

    • 本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

    • 转换成JSON字符串的语法

      • JSON.stringify(复杂数据类型)

        • 将复杂数据转换成JSON字符串
      • JSON.parse(JSON字符串)

        • 将JSON字符串转换成对象