screen對象基本上只用來表明客戶端的能力,其中包括瀏覽器窗口外部的顯示器的信息,如像素高度和寬度等。每個瀏覽器中的screen對象都包含着各不相同的屬性。本文將詳細介紹screen對象的常用視圖屬性
width
width屬性表示屏幕的像素寬度
height
height屬性表示屏幕的像素高度
//chrome:1080 1920//IE/firefox/safari:864 1536console.log(screen.height,screen.width);
avaiWidth
availWidth屬性表示顯示器可用寬度,屏幕的像素寬度減去任務欄等系統部件寬度之後的值
availHeight
availHeight屬性表示顯示器可用高度,屏幕的像素高度減去任務欄等系統部件高度之後的值
//chrome:1030(1080-50) 1920//IE/firefox/safari:824(864-40) 1536console.log(screen.availHeight,screen.availWidth);