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>
  • 相关阅读:
    js每天进步一点点
    优化数据库的方法及SQL语句优化的原则
    实用js代码大全
    【怒转】 idea快捷键说明大全（中英文对照）
    正则表达式手册
    Flink分布式缓存Distributed Cache
    初识Flink广播变量broadcast
    怒转一波，此人整理的Flink特别好
    flink批处理中的source以及sink介绍
    初识Flink-从WorldCount开始
  • 原文地址：https://www.cnblogs.com/yongbin668/p/5592727.html
Copyright © 2011-2022 走看看