window对象中与窗口、浏览器大小相关属性

一,概述

 JavaScript中全局变量自动变成window对象的属性,同时,window对象本身自带很多属性,本文是对window对象中描述大写的一些属性的学习笔记。

二,window.screenX,windowScreenY

 这两个属性用于描述浏览器左上角相对于屏幕左上角的水平,垂直偏移,所以全屏时应当是这两个值应当都是0,eg:

全屏时

 屏幕拖动时,输出相应偏移,eg:

拖动后

三,innerWidth,innerHeight

 这两个属性为页面视口宽高(注意不是浏览器的,是网页的),所以全屏时宽度一般与分辨率宽度一致,高度则不同,eg:

innerWidth,innerHeight

四,outerWidth,outerHeight

 这两个属性是获得浏览器宽高的,全屏时一般等于屏幕分辨率,eg:

image.png

五,pageXOffset,pageYOffset

 这两个属性是描述横、纵轴滚动的,浏览器中常发生的行为为垂直滚动,所以pageXOffset常为0;

六,window.screen.width,window.screen.height

 以上为window.screen对象中的两个属性,描述屏幕大小,即分辨率。eg:


image.png

七,window.screen.availWidth,window.screen.availHeight

 以上两个属性为window.screen对象中描述屏幕可用宽高的属性,eg:

screen.availWidth screen.availHeight
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,355评论 1赞 92
  • 1. 中学生时听到的第.首歌叫《连锁反应》,在五四青年节的文艺表演中,有一位长相漂亮身材苗条的女孩唱了这首歌。音乐...
    梅開無声阅读 553评论 2赞 1
  • 文|漫兮罗兰 图|源于网络 很喜欢一句话:“要么读书,要么旅行,身体和灵魂总有一个在路上。”世界那么大,我想和朋...
    漫兮罗兰阅读 591评论 0赞 6
  • 没有太阳的清晨一片苍际 突兀戳裸的树杈上零星的几片沽叶 瞬间溺与天际不知踪影 恍然顿感窗外狂风肆虐 并无人迹 道上...
    jiangwha阅读 338评论 0赞 0

友情链接更多精彩内容