• 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>
  • 相关阅读:
    八皇后问题
    Catalan数与出栈顺序个数，Java编程模拟
    推荐系统中的协同过滤
    集成学习
    背包问题
    逆波兰表达式
    [leetcode]775. Global and Local Inversions
    [LeetCode]Minimum Moves to Equal Array Elements1,2
    链接属性
    常用表格属性
  • 原文地址：https://www.cnblogs.com/yongbin668/p/5592727.html
Copyright © 2020-2023  润新知