js——navigator,screen,history对象(BOM 3)
Posted ellen-mylife
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js——navigator,screen,history对象(BOM 3)相关的知识,希望对你有一定的参考价值。
navigator对象
识别客户端浏览器的事实标准,每个浏览器的navigator对象都有自己的一套属性,但也有一些共通的属性。
插件检测
对于非IE浏览器,可以使用plugins数组来检查浏览器是否安装了常见的插件。该数组每一项都包含以下属性:
- name:插件名
- description:插件描述
- filename:插件的文件名
- length:插件所处理的MIME类型数量
//检测插件IE中无效 function hasPlugin(name) var name=name.toLowerCase(); for(var i=0;i<navigator.plugins.length;i++) if(navigator.plugins[i].name.toLowerCase().indexOf()>-1) return true; return false;
对于IE,检查插件的方式是ActiveXObject类型,IE是以COM对象的方式实现插件的,而COM对象使用唯一表示符来标识。
//检测IE中的插件,name是插件标识符 function hasIEPluhin(name) try new ActiveXObject(name); return true; catch(err) return false;
对于所有浏览器来说,前两种检测方法差别太大,检查插件的经典方法是每种插件有专门的检测函数
//检测插件IE中无效 function hasPlugin(name) var name=name.toLowerCase(); for(var i=0;i<navigator.plugins.length;i++) if(navigator.plugins[i].name.toLowerCase().indexOf()>-1) return true; return false; //检测IE中的插件,name是插件标识符 function hasIEPluhin(name) try new ActiveXObject(name); return true; catch(err) return false; //检测所有浏览器中的Flash function hasFlash() var result=hasPlugin("Flash"); if(!result) result=hasIEPluhin("ShockwaveFlash.ShockwaveFlash"); return result; alert(hasFlash());
注册处理程序
可以让一个站点指明它可以处理的特定的类型信息,之后再详细介绍。
- registerContentHandler()
- registerProtocolHandler()
screen对象
用来表明客户端的能力,包括浏览器窗口外部显示器信息,如像素宽高度等。不同的浏览器可能有不同的属性,但是还是有很多属性是相同的
这些属性可以用来调整浏览器窗口大小,比如浏览器占屏幕的百分之多少。
window.resizeTo(screen.availWidth,screen.availHeight)
history对象
history对象保存着用户从打开窗口开始的上网的历史记录。history是window对象的属性,每个浏览器窗口,框架都有自己的history和window相关联。开发人员不能通过history知道用户浏览过的url,但可以借用用户的url列表,在不知道实际url的情况下就行后退和前进。
//后退一页
history.go(-1);
//前进两页
history.go(2);
//跳转到www.baidu.com,如果url列表中有这条记录,就跳转过去,没有就什么也不做
history.go("http://www.baidu.com");
//模仿前进和后退
//前进一页
history.forward();
//后退一页
history.back();
还有一个history.length保存着浏览记录的数量,可用来测定当前页面是不是第一个页面等。
以上是关于js——navigator,screen,history对象(BOM 3)的主要内容,如果未能解决你的问题,请参考以下文章
React Navigation 5 Tab.Navigator 在 Tab.Screens 之间发送令牌
web前端练习29----Bom中,Navigator,loaction,history ,Screen,window及案例(滚动,刷新加载,传参)
web前端练习29----Bom中,Navigator,loaction,history ,Screen,window及案例(滚动,刷新加载,传参)