js——navigator,screen,history对象(BOM 3)

navigator对象

识别客户端浏览器的事实标准,每个浏览器的navigator对象都有自己的一套属性,但也有一些共通的属性。

  • 插件检测

    • 对于非IE浏览器,可以使用plugins数组来检查浏览器是否安装了常见的插件。该数组每一项都包含以下属性:

      1. name:插件名
      2. description:插件描述
      3. filename:插件的文件名
      4. 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保存着浏览记录的数量,可用来测定当前页面是不是第一个页面等。

原文地址:https://www.cnblogs.com/ellen-mylife/p/11371888.html

时间: 2024-10-29 22:16:46

js——navigator,screen,history对象(BOM 3)的相关文章

《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.history对象,下面我们来一一介绍这些对象的相关功能.先从window对象开始,它表示浏览器的一个实例. window对象: 一.全局作用域 window对象在ECMAScript扮演者global对象的角色,因此在全局作用域中声明的变量和函数都会成为window对象的属性和方法:但是通过这两种方式定义的属

JS中的history对象

window.history指向History对象,它表示当前窗口的浏览历史. History对象保存了当前窗口访问过的所有页面网址. 1 history.back()//后退到前一个网址 等同于 history.go(-1) 方法: 1 history.back() 2 history.forward() 3 history.go() history.go(0)//刷新当前页面 window.history.pushState(state,title,url) 向历史中添加一条记录 原文地址:

JavaScript之BOM五大对象(window;location;navigator;screen;history)

一.window 1.浏览器窗口与页面各部分尺寸 2.间歇调用与超时调用 setInterval(function,time(以毫秒计)) 返回:时间Id号(为clearInterval(timeId)方法提供标识记号) clearInterval(timeId); //取消间歇调用 setTimeout(function,time(以毫秒计)) 返回:时间Id号(为clearTimeout(timeId)方法提供标识记号) clearTimeout(timeId); //取消超时调用 3.导航

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ???????Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图: ???分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象. ?????? 2.dom是bom的一部分 ?????? 3.

BOM的对象总结(location,screen,navigator,history)

location对象 专门保存当前窗口正在打开的url的对象. 常用的属性有: location.href 保存了完整的url:这种方式做常用 在当前窗口打开: location.href=新urllocation.protocol: 协议.host: 主机名+端口号.hostname: 主机名.port: 端口号location.pathname: 相对路径.hash: 锚点地址#xxx.search: 表单提交后地址栏中的查询字符串?变量名=值&变量名=值&... 方法: 1. 在当前

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 (Windo

js浏览器内对象 History对象+Navigator对象+Location对象+Screen对象

一.History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. IE: Internet Explorer, F: Firefox, O: Opera. 1. History 对象属性 属性 描述 IE F O length 返回浏览器历史列表中的 URL 数量. 4 1 9 2. 

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

JavaScript之DOM-7 Window常用子对象(navigator对象、location对象、history对象、screen对象)

一.navigator对象 navigator对象的作用 - navigator 对象包含有关浏览器的信息 - 常用于获取客户端浏览器和操作系统信息 常用属性和方法 二.location 对象 location 对象的作用 - location 对象包含有关当前 URL 的信息 - 常用于获取和改变当前浏览器的网址 常用属性和方法 三.history对象 history对象的作用 - history对象包含用户(在浏览器窗口中)访问过的URL的历史记录 常用属性和方法 四.screen对象 sc