刘老师博客
7.2 使用Screen对象
编辑
2024-04-26
teach
00

窗口的screen属性就会引用Screen对象，它包含有关客户端显示屏的信息，并且每个 浏览器的Screen对象都包含不同的属性。常用的Screen对象属性如表所示。

image.png

image.png

image.png

image.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>显示屏幕分辨率</title>
</head>
<body>
    <p><a href="javascript:getScreen()">显示屏幕信息</a></p>
    <script>
        function getScreen(){
            document.write(`屏幕信息：\n
            分辨率：${screen.width}*${screen.height} \n
            可用区域 ${screen.availWidth}*${screen.availHeight} \n
            `)
        }
    </script>
</body>
</html>

本文作者:liufeisheng

本文链接:

版权声明:本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！