Javascript进阶笔记 - BOM

6. BOM

目录

• 6. BOM
  • 1. BOM简介
  • 2. History
  • 3. Location
  • 4. 定时器

1. BOM简介

• BOM是指游览器对象模型，BOM提供了一组对象，方便用户通过JS操作游览器

• BOM对象

  • Window

    • 代表整个游览器的窗口，同时也是网页中的全局对象

  • Navigator

    • 代表当前游览器的信息，通过该对象可以识别不同的游览器（大多数已失效）

  • Location

    • 代表当前游览器的地址栏信息，通过Location可以获取地址栏信息，或者操作游览器跳转页面

  • History

    • 代表游览器的历史记录，可以通过该对象来操作游览器的历史记录

      由于隐私原因，该对象不能具体获取到具体的历史记录，只能操作游览器向前或向后翻页

      该操作只在当次访问时有效

  • Screen

    • 代表用户的屏幕信息，通过该对象可以获取用户的显示器相关信息

2. History

• 该对象可以用来操作游览器向前或向后翻页
• 常用属性与方法
  • length：获取当前访问的链接数量
  • back()：可以回退到上一个页面，作用和游览器的回退按钮一样
  • forward()：可以跳转到下一个页面，作用和游览器的前进按钮一样
  • go()：可以跳转到指定的页面
    • 当数值为+x时，表示向前跳转x个页面
    • 当数值为-x时，表示向后跳转x个页面

3. Location

• 该对象可以获取当前游览器的地址栏信息

• 常用属性与方法

  • 直接输出location可以获取到当前页面的完整路径

    如果直接将location属性修改为一个完整的路径，则页面会自动跳转到该路径并生成对应的历史记录

  • reload()：用于重新加载当前页面，作用和刷新按钮一样。如果在参数中传递一个true，则会强制清空缓存刷新页面

  • replace()：使用一个新的页面替换当前页面，调用完毕也会跳转页面，但不会生成历史记录，无法用回退按钮回退

4. 定时器

• setInterval()

  • 定时调用函数，可以将一个函数每隔一段时间执行一次。返回一个Number类型的值，用来作为定时器的唯一标识
  • 语法：setInterval([回调函数],[间隔时间])

• clearInterval()

  • 可以用来关闭一个定时器，方法中需要一个标识作为参数，将关闭标识对应的定时器

  var num = 1;
  var timer = setInterval(function(){
      count.innerHTML = num++;
      if(num == 11){
          clearInterval(timer);
      }
  },1000);
  

• setTimeout()

  • 延时调用一个函数，隔一段时间后执行，且只执行一次

• clearTimeout()

  • 关闭延时调用函数

  var timer = setTimeout(function(){
      console.log(num++);
  },3000);
  clearTimeout(timer);