怎么用js计算屏幕尺寸-创新互联

这篇文章主要讲解了“怎么用js计算屏幕尺寸”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用js计算屏幕尺寸”吧!

成都创新互联公司公司2013年成立,是专业互联网技术服务公司,拥有项目网站设计、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元山阳做网站,已为上家服务,为山阳各地企业和个人服务,联系电话:028-86922220

基本概念

document.body.clientWidth :指的是BODY对象宽度
document.body.clientHeight :指的是BODY对象高度
document.documentElement.clientWidth: 指的是可见区域宽度
document.documentElement.clientHeight :指的是可见区域高度

window.innerHeight - 浏览器窗口的内部高度

window.innerWidth - 浏览器窗口的内部宽度

clientX/clientY :事件属性返回当事件被触发时鼠标指针向对于浏览器页面(当前窗口)的水平坐标/垂直坐标(不包含滚动条)。

pageX/pageY:指鼠标在页面上的位置,以页面左侧为参考点,鼠标相对于整个页面(网页的全部)的X/Y坐标。

offsetX/offsetY:鼠标相对于“触发事件的元素”的位置,事件和目标节点的填充边缘之间的鼠标指针的在X偏移坐标:特别说明:只有IE支持!

screenX/screenY:鼠标在屏幕中的位置,指的是鼠标到电脑屏幕左侧的距离

鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性

借用一张图说明:

怎么用js计算屏幕尺寸

clientWidth/clientHeight:不包含元素的边框

怎么用js计算屏幕尺寸

offetWidth/offsetHeight:包含元素的边框

怎么用js计算屏幕尺寸

offsetParent 是一个只读属性,返回一个指向最近的(closest,指包含层级上的最近)包含该元素的定位元素。如果没有定位的元素,则 offsetParent 为最近的 table 元素对象或根元素(标准模式下为 html;quirks 模式下为 body)。

offsetLeft:获取对象相对于页面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于页面或由 offsetTop 属性指定的父坐标的计算顶端位置

感谢各位的阅读,以上就是“怎么用js计算屏幕尺寸”的内容了,经过本文的学习后,相信大家对怎么用js计算屏幕尺寸这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联建站,小编将为大家推送更多相关知识点的文章,欢迎关注!

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


本文名称:怎么用js计算屏幕尺寸-创新互联
本文链接:http://myzitong.com/article/hsodc.html