8-15 屏幕分辨率的高和宽
本节编程练习不计算学习进度,请电脑登录imooc.com操作

屏幕分辨率的高和宽

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行,输出屏幕高度。

 

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>屏幕分辨率的高和宽</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. document.write( "屏幕宽度:");
  10. document.write( "屏幕高度:");
  11. </script>
  12. </body>
  13. </html>
下一节