javaScript- 浏览器对象模型（BOM）

浏览器对象模型（简称BOM），是独立于HTML界面的于浏览器相关的一些信息对象的模型。BOM主要由一系列的对象属性和方法组成

window对象

属性

• innerWidth / innerHeight：返回窗口的文档显示区的 宽度 / 高度 (包含滚动条)。

• console

方法

• close()：关闭当前窗口

• open(url[, name])：打开地址一个地址，类似于a标签跳转

  • url：打开的网页地址

  • name：指定打开的方式

    • _self 当前窗口

    • _blank 新窗口

• getSelection()：返回当前被选中文本的相关信息，可以通过对象的 toString() 方法拿到选中的字符串

var selectText = window.getSelection().toString();

• setInterval() setTimeout()

• alert() confirm() prompt()

Navigator对象

Navigator包含了浏览器相关的一些信息例如浏览器的版本信息等等

属性

userAgent：返回由客户机发送服务器的user-agent 头部的值，可以用于判断浏览器的版本

function version(){
    // 获取浏览器的User-Agent字符串
    var userAgent = navigator.userAgent;
​
    // 浏览器厂商或者版本的标识信息
    var v = {
        Opera : ['OPR'],
        Safari:['Version','Safari'],
        Chrome:['Chrome'],
        Firefox:['Firefox'],
        IE10:['compatible','MSIE 10.0'],
        IE9:['compatible','MSIE 9.0'],
        IE8:['compatible','MSIE 8.0'],
        IE7:['compatible','MSIE 7.0']
    };
​
    // 判断是否满足某个浏览器的所有标识信息
    var bool;
    for(var k in v){
        bool = true
        for(var j=0;j<v[k].length;j++){
            if(!(new RegExp(v[k][j]).test(userAgent))){
                bool = false;
            }   
        }
        if(bool){
            return k;
        }
    } 
}

• onLine：返回一个布尔值，表示浏览器是否离线（true：表示没有离线）

location 对象

location 对象是window对象下的属性之一，主要包含了当前的URL相关的信息

属性

• host：返回当前网页URL的域名或者主机和端口的部分（需要再后台环境中）

• href：返回或者设置当前网页完整的URL

• protocol：返回协议部分（http:、https:、file:、ftp: ...）

方法

• assign(url)：载入一个新的文档

• reload()：重新载入当前文档