1. 程式人生 > >HTML:js中Window物件的常用屬性:screen物件

HTML:js中Window物件的常用屬性:screen物件

Window物件的常用屬性:

     screen:有關客戶端的螢幕和顯示效能的資訊

     history:有關客戶訪問過的URL的資訊

     location:有關當前URL的資訊

     closed:當視窗關閉是為真

     document:視窗中當前顯示的文件物件

     opener:開啟當前視窗的視窗

     self:指示當前視窗

     defaultStatus:視窗底部顯示的預設狀態資訊

     status:描述由使用者互動導致的狀態列的臨時資訊

在這裡主要介紹一下screen物件,screen物件有四個常用屬性,即:width:螢幕的寬度、height:螢幕的高度、avaliHeight:可用的高度、avaliWidth:可用的寬度。

程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>screen物件</title>
</head>
<body>

</body>
<script>
    //螢幕的寬高
    var height = screen.height;
    var width = screen.width;
    var availHeight=screen.availHeight;
    var availWidth=screen.availWidth;
    //可用高度小於實際高度
    alert('螢幕的高度是'+height)
    alert('螢幕可用高度是'+availHeight)

    //可用寬度跟實際高度幾乎沒差別
    alert('螢幕的寬度'+width)
    alert('螢幕的可用寬度'+availWidth)
</script>
</html>