Navigator对象

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

对象属性:

查看浏览器的名称和版本，代码如下:

<script type="text/javascript">

   var browser=navigator.appName;

   var b_version=navigator.appVersion;

   document.write("Browser name"+browser);

   document.write("<br>");

   document.write("Browser version"+b_version);

</script>

Useragent
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>navigator</title>

<script type="text/javascript">

  function validB(){

    var u_agent = window.navigator.userAgent      ;

    var B_name="不是想用的主流浏览器!";

    if(u_agent.indexOf("Firefox")>-1){

        B_name="Firefox";

    }else if(u_agent.indexOf("Chrome")>-1){

        B_name="Chrome";

    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){

        B_name="IE(8-10)";

    }

        document.write("浏览器:"+B_name+"<br>");

        document.write("u_agent:"+u_agent+"<br>");

  }

</script>

</head>

<body>

  <form>

     <input type="button" value="查看浏览器"  onclick="validB()" >

  </form>

</body>

</html>

Screen对象



screen对象








screen对象用于获取用户的屏幕信息。


语法：


window.screen.属性


对象属性:




屏幕分辨率的高和宽






window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽，代码如下:


<script type="text/javascript">

  document.write( "屏幕宽度："+screen.width+"px<br />" );

  document.write( "屏幕高度："+screen.height+"px<br />" );

</script>


屏幕可用高和宽度






1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。


2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。


注意:


不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。


我们来获取屏幕的可用高和宽度，代码如下：


<script type="text/javascript">

document.write("可用宽度：" + screen.availWidth);

document.write("可用高度：" + screen.availHeight);

</script>


















												


											
js----Navigator对象，查看浏览器信息,Screen对象，查看屏幕信息的更多相关文章
	

    
								
  1. js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象
		
    事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对 ...
    
		
    2. 
						
  2. js中常用的offset client screen对象
		
    javascript中offsetWidth.clientWidth.width.scrollWidth.clientX.screenX.offsetX.pageX offsetWidth //返回元 ...
    
		
    3. 
						
  3. 重操JS旧业第十一弹：BOM对象
		
    BOM对象即浏览器内置对象,现今流行的浏览器内核有Safri,Firefox,Chrome,Opera,IE其中IE的兼容性是最蛋疼的在10及其过后还好点,但是现在IE基本上淘汰,而国内像360这种垃 ...
    
		
    4. 
						
  4. Js基础知识7-JavaScript所有内置对象属性和方法汇总
		
    对象什么的,程序员可是有很多呢... JS三大对象 对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索.发现.征服. 我们都知道,JavaScr ...
    
		
    5. 
						
  5. Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象
		
    Location对象location用于获取或设置窗体的URL,并且可以用于解析URL.语法: location.[属性|方法] location对象属性图示: location 对象属性: loca ...
    
		
    6. 
						
  6. JS BOM基础 全局对象  window location  history screen navigator
		
    全局变量声明的两种方式:1,window.变量名=值;2,var 变量名=值; 全局函数声明的两种方式:1,window.函数名=function(){}2,function 函数名=function ...
    
		
    7. 
						
  7. JS浏览器对象：window对象、History、Location对象、Screen对象
		
    一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成 ...
    
		
    8. 
						
  8. navigator（浏览器对象）Screen对象（屏幕）
		
    浅谈navigator对象: 注意:不是所有浏览器都支持 .cookieEnabled  判断是否启用了cookie  在客户端硬盘持久保存用户私密数据的小文件 .plugins 浏览器安装的所有插件 ...
    
		
    9. 
						
  9. JS对象 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽
		
    屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息. 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 一、Hello Spring Boot
			
    package com.ld.controller; import org.springframework.web.bind.annotation.RequestMapping; import org ...
    
			
    2. 
						
  2. Windows系统下将目录挂载为一个磁盘并分配盘符
			
    Windows系统下subst可以临时将目录分配一个盘符. 将路径与驱动器号关联. SUBST [drive1: [drive2:]path]SUBST drive1: /D drive1: 指定要分 ...
    
			
    3. 
						
  3. Dx12 occlusion query
			
    https://github.com/Microsoft/DirectX-Graphics-Samples/blob/master/Samples/Desktop/D3D12PredicationQu ...
    
			
    4. 
						
  4. DevExpress中的lookupedit的使用方法详解
			
    摘自: http://***/zh-CN/Info/catalog/17631.html 概述:本文详细介绍了DevExpress中的lookupedit的使用方法. 绑定数据源:   1 2 3 l ...
    
			
    5. 
						
  5. selenium 问题：加了显性等待后，操作元素依然出错
			
    背景: 用WebDriverWait时,一开始用的是presence_of_element_located,我对它的想法就是他就是用来等待元素出现.结果屡屡出问题.元素默认是隐藏的,导致等待过早的就结 ...
    
			
    6. 
						
  6. iOS 判断NSString是否包含某个字符串
			
    主要是使用3个方法 rangeOfString    是否包含 hasPrefix      是否在前缀包含 hasSuffix           是否在末尾包含 如代码: //判断字符是否包含某字 ...
    
			
    7. 
						
  7. taro 创建 Tabbar
			
    1.代码 src/app.js import '@tarojs/async-await' import Taro, { Component } from '@tarojs/taro' import H ...
    
			
    8. 
						
  8. 【Spark】Spark的Standalone模式安装部署
			
    Spark执行模式 Spark 有非常多种模式,最简单就是单机本地模式,还有单机伪分布式模式,复杂的则执行在集群中,眼下能非常好的执行在 Yarn和 Mesos 中.当然 Spark 还有自带的 St ...
    
			
    9. 
						
  9. 关于nodejs中npm命令没有反应的解决方法
			
    最近在学习angularJS,正在做一个单页面应用,在安装nodejs之后,发现命令行传了输入npm -v能输出结果外,其余npm的任何操作都没有反应,一开始我以为是下载的比较慢,等了半小时还是没动静 ...
    
			
    10. 
						
  10. struct2常用标签
			
    Struts2常用标签总结 一 介绍 1．Struts2的作用    Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了 ...
    
			
    11.