JavaScript 視窗螢幕


window.screen 物件包含使用者螢幕的資訊。

Window Screen

window.screen物件在寫字時可以不使用 window 這個前綴。

一些屬性：

  • screen.availWidth - 可用的螢幕寬度

  • screen.availHeight - 可用的螢幕高度

Window Screen 可用寬度

screen.availWidth 屬性傳回訪客畫面的寬度，以像素計，減去介面特性，例如視窗任務列。

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
document.write("可用宽度: " + screen.availWidth);
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

Window Screen 可用高度

screen.availHeight 屬性傳回訪客畫面的高度，以像素計，減去介面特性，例如視窗任務列。

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
document.write("可用宽度: " + screen.availHeight);
</script>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

所有screen 屬性實例

實例

#
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h3>你的屏幕:</h3>
<script>
document.write("总宽度/高度: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("可用宽度/高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("色彩深度: ");
document.write(screen.colorDepth);
document.write("<br>");
document.write("色彩分辨率: ");
document.write(screen.pixelDepth);
</script>

</body>
</html>

運行實例»##點擊"運行實例" 按鈕查看線上實例


←
→