navigator对象
【定义】
navigator已经成为识别客户端浏览器的事实标准。下表中列出存在于所有浏览器的属性和方法
【检测插件】
检测浏览器插件是一种最常见的检测例程。
【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对象都包含着各不相同的属性，下表列出了所有属性及支持相应属性的浏览器。
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){
//
}