JavaScriptBOM_Navigator_Screen（二十一）

1、Navigator对象

1.什么是Navigator对象？java

Navigator 对象包含有关浏览器的信息。
注释：没有应用于 navigator 对象的公开标准，不过全部浏览器都支持该对象。

2.Navigator对象的使用浏览器

Navigator对象表明当前浏览器的信息，经过该对象能够识别不一样的浏览器bash

因为历史缘由，Navigator对象中大部分的属性已经不能帮咱们识别浏览器信息了markdown

通常咱们只用userAgent来判断浏览器的信息oop

userAgent是一个字符串，这个字符串包含了来描述浏览器信息的内容ui

不一样的浏览器会有不一样的userAgentspa

若是不能经过userAgent来判断，还能够经过浏览器中一些特有的对象，来判断浏览器信息code

var user = navigator.userAgent;
if(/Firefox/i.test(user)){
	alert('火狐浏览器');
}else if(/Chrome/i.test(user)){
	alert('谷歌浏览器');
}else if('ActiveXObject' in window){
	alert('ie浏览器');
}复制代码

2、Screen对象

1.什么是Screen对象

Screen 对象包含有关客户端显示屏幕的信息。
注释：没有应用于 screen 对象的公开标准，不过全部浏览器都支持该对象。

2.Screen对象的使用

屏幕分辨率的高和宽

window.screen 对象包含有关用户屏幕的信息。

1. screen.height 返回屏幕分辨率的高

2. screen.width 返回屏幕分辨率的宽

注意:

1.单位以像素计。

2. window.screen 对象在编写时能够不使用 window 这个前缀。

咱们来获取屏幕的高和宽，代码以下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>屏幕分辨率的高和宽</title>
</head>
<body>
<script type="text/javascript">
document.write( "屏幕宽度：" + window.screen.width + "px<br/>" );
document.write( "屏幕高度：" + window.screen.height + "px");       
</script>
</body>
</html>复制代码

屏幕可用高和宽度

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

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

注意:

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

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>屏幕分辨率的高和宽</title>
</head>
<body>
<script type="text/javascript">
document.write("可用宽度：" + window.screen.availWidth + "px<br/>");
document.write("可用高度：" + window.screen.availHeight +"px");     
</script>
</body>
</html>复制代码

JavaScriptBOM_Navigator_Screen（二十一）

目录：

1、Navigator对象

2、Screen对象

下节预告：BOM_定时器_setInterval_clearInterval_setTimeout

参考视频教程：www.3mooc.com/front/couin…