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. jQuery中，选择器既匹配开头又匹配结尾
			
    jQuery中,选择器既匹配开头又匹配结尾的方法: [attr^=val]attr$=val [attr^=val][attr$=val]
    
			
    2. 
						
  2. Koch 分形，海岸线，雪花
			
    此算法用于生成Koch分形(海岸线,雪花).速度高速,效果绚丽 //支持的初始直线水平角度为60 的倍数. 交换起点与终点坐标可改变生成方向 void Koch(CDC *pDC, int x1, i ...
    
			
    3. 
						
  3. python中常用的推导(字典推导和列表推导)
			
    在python开发中经常需要书写这样的代码 result = list() for data in datas: if data not in ['a', 'b']: result.append(da ...
    
			
    4. 
						
  4. vue项目如何实现剪切板功能--vue-clipboard2
			
    一.vue项目利用vue-clipboard2实现剪切板的功能 1.安装vue-clipboard2插件:cnpm install --save vue-clipboard2 2.main.js添加  ...
    
			
    5. 
						
  5. Ubuntu中网络配置问题
			
    今天,机器做IP变更配置ubuntu网卡的时候出现了: RTNETLINK answers: File exists 网络network service 无法重启 google一下找到  rm etc ...
    
			
    6. 
						
  6. 简单的混淆ID
			
    public class TestfuzzId { public static void main(String[] args) { int id = 123456; int p = id^Integ ...
    
			
    7. 
						
  7. 使用MapReduce实现二度人脉搜索算法
			
    一,背景介绍 在新浪微博.人人网等社交网站上,为了使用户在网络上认识更多的朋友,社交网站往往提供类似“你可能感兴趣的人”.“间接关注推荐”等好友推荐的功能,其中就包含了二度人脉算法. 二,算法实现 原 ...
    
			
    8. 
						
  8. PHP图像操作：3D图、缩放、旋转、裁剪、加入水印（一）
			
    来源:http://www.ido321.com/875.html 1.利用php gd库的函数绘制3D扇形统计图 1: <?php 2: header("content-type&q ...
    
			
    9. 
						
  9. 绿化和卸载 DOS 批处理
			
    @ECHO OFF&PUSHD %~DP0 &TITLE 绿化和选项 mode con cols= lines= color 2F Rd >NUL Md >NUL||(Ec ...
    
			
    10. 
						
  10. 我的mini_c语言文法设计
			
    //这个文件主要是用来描述当前源语言的词法结构和语法结构 //当前语言是c语言的一个子集,因此里面所有的描述大家都很熟悉 //注意,当前语言并不支持预处理,因为c预处理比较复杂,而且楼主能力低下,因此 ...
    
			
    11.