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. [Python爬虫] 之九：Selenium +phantomjs抓取活动行中会议活动（单线程抓取）
			
    思路是这样的,给一系列关键字:互联网电视:智能电视:数字:影音:家庭娱乐:节目:视听:版权:数据等.在活动行网站搜索页(http://www.huodongxing.com/search?city=% ...
    
			
    2. 
						
  2. git 超前一个版本 落后一个版本的解决方案
			
    在使用SourceTree的时候经常会遇见超前一个版本,落后N个版本的情况,遇见这种情况应该怎么办呢? 首先打开终端,最好是从SourceTree里面打开,菜单栏有个终端按钮. 然后输入: $ git ...
    
			
    3. 
						
  3. Mac 快捷键整理（不定期更新）
			
    刚用Mac, 感到有点困难,记录几个快捷键: 1) 在全屏间切换: ctrl + command + F 2)向后删: Fn + delete
    
			
    4. 
						
  4. 【云计算】Ubuntu14.04 搭建GlusterFS集群
			
    1.修改 /etc/hosts 所有服务节点执行(如果集群中没有DNS,可忽略此步骤): 10.5.25.37 glusterfs-1-5-25-3710.5.25.38 glusterfs-2-5- ...
    
			
    5. 
						
  5. 转：Android 签名验证机制（相当不错，强烈推荐）
			
    转:  http://riusksk.blogbus.com/logs/272154406.html Android应用签名验证过程中,满足以下条件才能安装应用: 1.SHA-1(除META-INF目 ...
    
			
    6. 
						
  6. Python cx_Oracle问题处理
			
    今天第一次使用Python连接Oracle数据库(多么可怕,三年码农没用Python手动连过Oracle) 首先: pip install cx_Oracle 好,安装完成,测试代码如下: from  ...
    
			
    7. 
						
  7. CUDA编程札记
			
    const int N = 33 * 1024; const int threadsPerBlock = 256; const int blocksPerGrid = imin( 32, (N+thr ...
    
			
    8. 
						
  8. 云计算之路-阿里云上：SLB故障引发的网站不能正常访问
			
    2013年8月22日23:50~23:58左右,由于阿里云SLB(负载均衡)故障造成网站不能正常访问,给大家带来了麻烦,望大家谅解! 8月19日我们收到阿里云的短信通知: 尊敬的阿里云用户:      ...
    
			
    9. 
						
  9. React.Fragment 包裹标签
			
    在 vue 里,我们会用 <template></template> 标签来包裹一些不能有父容器的复数同级标签. 例如在 <tbody></tbody> ...
    
			
    10. 
						
  10. linux修改密码出现Authentication token manipulation error的解决办法
			
    转自 :http://blog.163.com/junwu_lb/blog/static/1916798920120103647199/ Authentication token manipulati ...
    
			
    11.