js中BOM(浏览器对象模型)

一. js的三大组成部份

1. ecmaScript es 基础语法

2. BOM 浏览器对象模型

3. DOM 文档对象模型 （document）

BOM 浏览器相关： window对象

js中window（浏览器），也是js中的顶层对象，挂在window瞎的属性和方法就是全局变量和函数且window下的属性和方法使用时可以省略window

例：var a = 10;  全局变量   自动挂在window  window.a=10;

二. window下的常用属性和方法

• window.innerWidth  浏览器窗口的内部宽度  包含滚动条

• window.innerHeight  浏览器窗口的内部高度

• window.open(); 打开新的窗口

  • url 打开新窗口的地址

  • target _self _blank

  • 新窗口的外观 字符串 "width=300,height=300,left=100,top=300"

• location属性

  • href 保存了 当前窗口的地址 可以获取 可以赋值
    location.href = "http://www.baidu.com";在当前窗口内跳转到百度

  • reload()
    location.reload()  刷新当前窗口

• alert()  弹窗

• confirm() 确认框

• navigator
  userAgent 保存了当前浏览器的信息

       if( navigator.userAgent.indexOf("Trident") == -1 ){
          alert("不是IE浏览器")
      }else{
          alert("是IE浏览器")
      }

• history 保存了 当前窗口的 历史记录

    history.go(n)
              1 前进一步
              -1 后退一步
              0  刷新
              2  前进2步
    history.forward() 前进一步
    history.back()  后退一步