DOM-BOM-EVENT（6）

6.BOM

6.1.什么是BOM？

BOM(Browse Object Model),浏览器对象模型，没有相关标准，是约定俗成的东西，定义了一些操作浏览器的方法和属性，大部分方法都是通过window对象来调用的，window对象是浏览器端的最顶层的对象

6.2.open方法

open方法可以用来打开一个新的窗口(页面)

var w =  open(页面url地址， 打开的方式)

注意：如果url为空，默认打开一个空白页面
     如果打开方式为空，默认为新窗口方式打开
返回值： 新打开窗口的window对象

window.open("http://nodeing.com")

window.open("http://nodeing.com", "_self")

打开新窗口后可以操作页面

var w = open()

w.document.body.style.backgroundColor = "#009f95"

6.3.close方法

<button id="op">打开窗口</button>
<button id="cls">关闭</button>
<script>
    var opBtn = document.getElementById("op")
    var clsBtn = document.getElementById("cls")
    var w = null;
    opBtn.onclick = function(){
        w = open()
    }
    clsBtn.onclick = function(){
        w.close()
    }
</script>

6.4.获取浏览器信息

alert(window.navigator.userAgent)

简单应用：

if(window.navigator.userAgent.index("MSIE") != -1){
    alert("当前是ie浏览器")
}else{
    alert("当前浏览器不是ie")
}

6.5.地址栏信息

console.log(window.location)

地址栏地址

console.log(window.location.href)

查询字符串

console.log(window.location.search)

hash值

console.log(window.location.hash)

螺钉课堂视频课程地址：http://edu.nodeing.com