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. <input type = "submit"> 提交方式和用js的form.submit()有什么区别？
			
    假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B表单内没有<input type="submit&qu ...
    
			
    2. 
						
  2. 【日志处理】logstash性能优化配置
			
    2W条数据用时4秒完成,每秒5000条左右,昨天是同时写入到文件和标准输出,看起来是output的问题,这块性能应当可以满足性能要求了 后继我会继续把结果输出到tcp,kafka来测试经过grok后的 ...
    
			
    3. 
						
  3. 在浏览器中体验 Ubuntu
			
    近日,Canonical将Ubuntu官网中添加了在线导览的功能,你可以在任何地方使用这个Ubuntu 演示版.Ubuntu背后的公司Canonical为 Linux 推广做了很多努力.无论你有多么不 ...
    
			
    4. 
						
  4. axios put and patch
			
    window.axios.patch('https://fir-3-test-2332e.firebaseio.com/notes/' + this.$route.params.key + '.jso ...
    
			
    5. 
						
  5. 7个高级技巧帮助你释放大量Mac OS X硬盘空间
			
    7个高级技巧帮助你释放大量Mac OS X硬盘空间 https://blog.csdn.net/hu434587115/article/details/72874811/
    
			
    6. 
						
  6. 抓取网页图片的脚本(javascript)
			
    抓取网页图片的脚本(javascript) 本文地址: http://blog.csdn.net/caroline_wendy/article/details/24172223 脚本内容 (没有换行) ...
    
			
    7. 
						
  7. Oracle一些查询的习题，初学者一定要练习，蛮不错的
			
    1. select * from emp; 2. select empno, ename, job from emp; 3. select empno 编号, ename 姓名, job 工作 fro ...
    
			
    8. 
						
  8. ffmpeg相关资源
			
    FFPLAY的原理(一) http://blog.csdn.net/shenbin1430/article/details/4291893 ubuntu12.04下命令安装ffplay等: sudo  ...
    
			
    9. 
						
  9. 《Linux内核设计与实现》笔记-1-linux内核简单介绍
			
    一.Linux内核相对于传统的UNIX内核的比較: (1):Linux支持动态内核模块. 虽然Linux内核也是总体式结构,但是同意在须要的时候动态哦卸除(rmmod xxx)和载入内核模块(insm ...
    
			
    10. 
						
  10. 微信小程序自定义分享图片
			
    自定义分享图片 onShareAppMessage: (res) => { if (res.from === 'button') { console.log("来自页面内转发按钮&qu ...
    
			
    11.