JS对象屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽

四哥-云上

于 2016-06-16 08:32:26 发布

阅读量435

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript进阶篇文章标签： javascript web前端对象

本文链接：https://blog.youkuaiyun.com/yongbin668/article/details/51684412

JavaScript进阶篇专栏收录该内容

91 篇文章

订阅专栏

本文介绍如何使用JavaScript的window.screen对象获取用户的屏幕分辨率，并提供了一个简单的示例代码，展示如何读取屏幕的高度和宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

屏幕分辨率的高和宽

window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽，代码如下:

<script type="text/javascript">
  document.write( "屏幕宽度："+screen.width+"px<br />" );
  document.write( "屏幕高度："+screen.height+"px<br />" );
</script>

任务

使用window.screen对象，完成下面任务,看看你的屏幕大小:
补充右边编辑器第9行，输出屏幕宽度。
补充右边编辑器第10行，输出屏幕高度。

<!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( "屏幕宽度："+screen.width+"<br>");
document.write( "屏幕高度："+screen.height);       
</script>
</body>
</html>