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

Posted ellen-mylife

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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保存着浏览记录的数量,可用来测定当前页面是不是第一个页面等。

以上是关于js——navigator,screen,history对象(BOM 3)的主要内容,如果未能解决你的问题,请参考以下文章

DHTML其他对象

React Navigation 5 Tab.Navigator 在 Tab.Screens 之间发送令牌

web前端练习29----Bom中,Navigator,loaction,history ,Screen,window及案例(滚动,刷新加载,传参)

web前端练习29----Bom中,Navigator,loaction,history ,Screen,window及案例(滚动,刷新加载,传参)

Navigator 对象,Screen 对象。

JavaScript(Navigator/Screen/Cookie/XMLHttpRequest/CORS)