BOM

一.BOM的概念及作用

BOM(Browser Object Model),即浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是window

BOM是为了操作浏览器对象出现的API，window是其核心对象

二.BOM常用对象

1.window对象

window对象是浏览器中的全局对象

（1）window.open()打开新窗口

语法：

var  newWindow=window.open(URL,name,specs);

URL:打开页面的URL,没有指定URL将打开新的空白窗口

name: _blank 新窗口打开，默认

​ _self 当前页面打开

specs: 一个逗号分隔的项目列表，支持以下值：

​ width=100,height=200,left=200,top=200

（2）window.close()关闭新打开的窗口

(3) resizeTo和resizeBy 调整窗口大小

• - window.resizeTo(width,height);
  - window.resizeBy(width,height);
  

  (4)window.scrollTo(x,y)把页面内容滚动到指定的坐标

  （5）window.scrollX 和 window.scrollY

  水平方向和垂直方向滚动的像素值

  （6）window.onload窗口（页面）加载事件

  window.onload窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像,脚本文件,CSS文件等),就调用的处理函数
  

  (7)定时器

  I window.setInterval()

  window.setInterval(回调函数,[延迟毫秒数])
  
  表示每经过一定的毫秒后,执行一次相应的函数(重复执行)
  

  II window.setTimeout()

  表示经过一定的毫秒后,只执行一次相应的函数(不重复),俗称延时器
  

  III 清除定时器

  window.clearInterval()
  window.clearTimeout()
  

  (8)弹框

  I 提示框 alert

  用户必须先关闭该消息框之后才能继续操作
  

  II 确认框 confirm

  confirm(‘需要确认的内容’)
  
  选择确定 返回true,选择取消,返回false
  

  III 输入框 prompt

  prompt(‘对话框提示的文本’,‘默认输入的文本’)
  
  单击取消:返回null,单击确认,返回输入的文本
  

  IIII 离开页面事件框 onbeforeunload

  当离开当前页面触发事件
  

  window.onbeforeunload = function(e){// 离开当前页面触发事件
  　　var e = window.event || e;
      e.returnValue = false;
  }
  

2. history对象

history对象包含有关用户的访问历史记录

length 包含有关用户的访问历史记录

forward() 加载history列表中的下一个地址

back() 加载history列表中的上一个地址

go() 加载history列表中的某个具体页面

history.go(1) 前进一步

history.go(-1) 后退一步

history.go(0) 刷新当前页面

3.location 对象

location 对象包含有关当前页面的url信息

4.document对象

        //选择器方法
        document.getElementById();//获取单个元素对象
        document.getElementsByTagName(div);//获取类
        document.getElementsByName(name)


        document.getElementsByClassName();//h5新增,ie8不支持
        document.querySelector(css选择器);
        document.querySelectorAll(css选择器)
 

        //其他方法
        document.write()
        document.createElement()
        document.createTextNode
        //属性
        // document.documentElement
        // document.body
        // document.title
        // document.head
        // document.forms
        // document.cookie