zoukankan      html  css  js  c++  java
  • JS对象 window对象 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属

    屏幕可用高和宽度

    1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

    注意:

    不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。

    我们来获取屏幕的可用高和宽度,代码如下:

    <script type="text/javascript">
    document.write("可用宽度:" + screen.availWidth);
    document.write("可用高度:" + screen.availHeight);
    </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.availWidth+"<br>" );
    document.write("可用高度:" +screen.availHeight );     
    </script>
    </body>
    </html>



  • 相关阅读:
    C语言常用函数
    信号处理函数误用不可重入函数导致的进程死锁情况
    Shell脚本学习
    文件I/O详解
    字体标记的使用
    无序列表标记
    换行标记的使用
    HTML文件的基本结构
    预格式化标记的使用
    特殊标记的使用
  • 原文地址:https://www.cnblogs.com/yongbin668/p/5592727.html
Copyright © 2011-2022 走看看