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. hadoop-2.0.0-cdh4.6.0 安装
			
    1.创建hadoop用户[所有操作都是root,在所有master和slaver上]1).创建hadoop用户:adduser hadoop2).更换密码:passwd hadoop========= ...
    
			
    2. 
						
  2. java中int取值范围是怎么计算的？
			
    首先jdk中定义int占4个字节 ===> 32位(后面全部的计算都是以此为根据的) 32位就是jvm仅仅给分配32个格子的空间,用以存放数据. 总所周知计算机中用0和1存放数据. 那么,32个 ...
    
			
    3. 
						
  3. iOS: 状态栏、导航栏、标签栏、工具栏
			
    三种项目栏总结: 工具栏:UIToolBar 导航栏:UINavigationBar 标签栏:UITabBar   UIToolBar的按钮单元为:UIBarButtonItem UINavigati ...
    
			
    4. 
						
  4. 各种语言性能（CPU密集型程序）比较
			
    都进行Fib数列计算,计算到n=40的计算时间: 注意:开始,我以为上图中的第二列就是代表C++的性能.但是现在发现,完全不正确. 如果你使用同样的抽象和同样的逻辑去实现同样的代码,C和C++的性能几 ...
    
			
    5. 
						
  5. python中常用的推导(字典推导和列表推导)
			
    在python开发中经常需要书写这样的代码 result = list() for data in datas: if data not in ['a', 'b']: result.append(da ...
    
			
    6. 
						
  6. MS SQL  标识列的查询
			
    摘自: http://www.2cto.com/database/201212/175000.html   SQL标识列的查询   1.判段一个表是否具有标识列    www.2cto.com   可 ...
    
			
    7. 
						
  7. MAVEN 配置阿里巴巴镜像
			
    配置 修改maven根目录下的conf文件夹中的setting.xml文件,内容如下: <mirrors> <mirror> <id>alimaven</id ...
    
			
    8. 
						
  8. mac软件下载
			
    mac软件下载 http://www.pc6.com/mac/ https://www.macx.cn/
    
			
    9. 
						
  9. 机器学习基石第一讲：the learning problem
			
    博客已经迁移至Marcovaldo's blog (http://marcovaldong.github.io/) Andrew Ng的Machine Learning比較简单,已经看完.林田轩的机器 ...
    
			
    10. 
						
  10. App服务端架构变迁
			
    随着移动互联网时代的到来,移动技术也随之飞速发展.如今,App已然成为绝大多数互联网企业用来获取用户的核心渠道.以往以PC为主要承载平台的各业务线,源源不断集成加入到移动项目中来,原本以产品为中心快速 ...
    
			
    11.