BOM之navigator、history、screen对象

navigator对象

【定义】

  navigator已经成为识别客户端浏览器的事实标准。下表中列出存在于所有浏览器的属性和方法

BOM之navigator、history、screen对象

BOM之navigator、history、screen对象

【检测插件】

  检测浏览器插件是一种最常见的检测例程。

  【1】对于非IE浏览器,可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性

    name:插件的名字 

    description:插件的描述

    filename:插件的文件名

    length:插件所处理的MIME类型数量

    通过循环迭代每个插件并将插件的name与给定的名字进行比较

//检测非IE中的插件
function hasPlugin(name){
    name = name.toLowerCase();
    for(var i = 0; i < navigator.plugins.length; i++){
        if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){
            return true;
        }
    }
}
//检测flash
console.log(hasPlugin("Flash"));//true    

  【2】对于IE浏览器,检测插件的唯一办法是使用专有的ActiveXObject类型,并尝试创建一个特定插件的实例。IE是使用COM对象来实现插件的,而COM对象使用唯一标识符来标识。因此,想检查特定的插件就必须知道其COM标识符。例如,Flash的标识符是ShockwaveFlash.ShockwaveFlash

//检测IE中的插件
function hasIEPlugin(name){
    try{
        new ActiveXObject(name);
        return true;
    }catch(ex){
        return false;
    }
}
//检测Flash
console.log(hasIEPlugin("ShockwaveFlash.ShockwaveFlash"))

   检测所有浏览器中的Flash插件的兼容写法

//检测非IE中的插件
function hasPlugin(name){
    name = name.toLowerCase();
    for(var i = 0; i < navigator.plugins.length; i++){
        if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){
            return true;
        }
    }
}
//检测IE中的插件
function hasIEPlugin(name){
    try{
        new ActiveXObject(name);
        return true;
    }catch(ex){
        return false;
    }
}
function hasFlash(){
    var result = hasPlugin("Flash");
    if(!result){
        result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
    }
    return result;
}

screen对象

    screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等。每个浏览器中的screen对象都包含着各不相同的属性,下表列出了所有属性及支持相应属性的浏览器。

BOM之navigator、history、screen对象

BOM之navigator、history、screen对象

history对象

  history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进。

    【1】go()方法

    使用go()方法可以在用户的历史记录中任意跳转。这个方法接收一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于后退按钮),正数表示向前跳转(类似于前进按钮)。

//后退一页
history.go(-1)
//前进一页
history.go(1);
//前进两页
history.go(2);
//无参数时,刷新当前页面
history.go();

    【2】back()和forward()方法模仿浏览器的后退和前进按钮

//后退一页
history.back()
//前进一页
history.forward()

    【3】length属性,保存着历史记录的数量。对于加载到窗口、标签页或框架中的第一个页面而言,history.length等于0,可以通过测试该值来确定用户是否一开始就打开了该页面

if(history.length == 0){
    //
}
上一篇:ThinkPHP中RBAC权限带菜单栏显示和详细权限操作


下一篇:用定时器令P0(或其它IO口)产生多路方波