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…