你的位置:首页 > Java教程

[Java教程]BOM之navigator、history、screen对象


navigator对象

【定义】

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

console.log(window.navigator.userAgent)//chrome:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36//firefox:Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0//safari:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2//IE11:Mozilla/5.0 (MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED; rv:11.0) like Gecko//IE10:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED)//IE9:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED)//IE8:Mozilla/4.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED)//IE7:Mozilla/4.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED)

 

【检测插件】

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

  【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;    }  }}//检测flashconsole.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;  }}//检测Flashconsole.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对象都包含着各不相同的属性,下表列出了所有属性及支持相应属性的浏览器。

 

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){  //}