javaScript BOM对象的认识

• BOM(Browser Object Model) 浏览器对象模型
  • window 对象
    • 获取元素对象的方法
      • document.getElementBuId("id值") 通过id值来获取元素对象 唯一
      • document.getElementsByTagName("标签名") 通过标签名获取元素对象 集合
      • document.querySelector("选择器") 通过选择器获取匹配到的第一个元素 唯一
      • document.querySelectorAll("选择器") 通过选择器获取匹配的所有蒜素对象 集合列表
    • window.screen 屏幕信息相关的对象 用户屏幕的相关信息
      • screen.avaiHeight 屏幕高度的相关信息 硬件的可视区域
      • screen.avaiWidth 屏幕宽度的相关信息 硬件的可视区域
    • history对象
      • history.forward() 去历史记录的下一页 前进
      • history.back() 去历史记录的上一页 后退
      • history.go(数字) 跳转页面 数字如果为0 表示刷新本页面 正值为调转到历史记录的第几页 负值为跳转到历史记录的前第几页
    • location 对象
      • location.href 返回当前页面的url
      • location.pathname 返回url的路径名
      • location.host 返回ip地址和端口号
      • location.reload() 重新加载刷新本页面
    • navigator 对象
      • navigator.userAgent 用户代理 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。
    • open() 方法
      • open(参数1，参数2，参数3) 用于打开一个新的浏览器窗口或查找打开一个已命名的窗口
        • 参数1 可选 要打开的浏览器链接
        • 参数2 可选 参数很多 可以选择在父窗口中打开也可以在新窗口中打开
        • 参数3 可选 设置新窗口打开的大小 也可以设置距离窗口的位置
    • 常用事件
      • onload 等到html等文档加载完毕之后才会触发该事件
      • onresize 当浏览器窗口大小发生变化的的时候触发该事件
      • onscroll 当滚动条滚动时候触发该事件 一般设置给浏览器加该事件
        • 对象.oscrollTop 获取滚动条垂直方向滚动的距离
        • 对象.scrollLeft 获取滚动条水平方向滚动的距离
        • 如果想要获取window的滚动距离 可以用document.documentElement做对象名
        • 兼容新老版本写法 var top = document.documentElement.scrollTop || document.body.scrollTop;