博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery javascript获得网页的高度和宽度
阅读量:6562 次
发布时间:2019-06-24

本文共 1094 字,大约阅读时间需要 3 分钟。

javascript

网页可见区域宽:     document.body.clientWidth
网页可见区域高:     document.body.clientHeight
网页可见区域宽:     document.body.offsetWidth (包括边线的宽)
网页可见区域高:     document.body.offsetHeight (包括边线的高)
网页正文全文宽:     document.body.scrollWidth
网页正文全文高:     document.body.scrollHeight
网页被卷去的高:     document.body.scrollTop
网页被卷去的左:     document.body.scrollLeft
网页正文部分上:     window.screenTop
网页正文部分左:     window.screenLeft
屏幕分辨率的高:     window.screen.height
屏幕分辨率的宽:     window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
jquery
获取浏览器显示区域的高度:   $(window).height();
获取浏览器显示区域的宽度:   $(window).width();
获取页面的文档高度:         $(document).height();
获取页面的文档宽度:         $(document).width();
获取滚动条到顶部的垂直高度: $(document).scrollTop();
获取滚动条到左边的垂直宽度: $(document).scrollLeft();
计算元素位置和偏移量
offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含top和left两个属性。
offset(options, results)
options.relativeTo  指定相对计算偏移位置的祖先元素。这个元素应该是relative或absolute定位,省略则相对body。
options.scroll      是否把 滚动条计算在内,默认TRUE
options.padding     是否把padding计算在内,默认false
options.margin      是否把margin计算在内,默认true
options.border      是否把边框计算在内,默认true

转载于:https://www.cnblogs.com/afish/p/3927751.html

你可能感兴趣的文章
Lubuntu下安装Python3.6
查看>>
〖Linux〗zigbee实验之cc2430移植tinyos2.x的步骤(Ubuntu13.10)
查看>>
PHP(五)session和文件上传初步
查看>>
【JS库】URI.js
查看>>
XML 解析之 dom4j 解析器
查看>>
BZOJ4314 倍数?倍数!
查看>>
js获取json对象中的key和value,并组成新数组
查看>>
作诗2(玄学)
查看>>
UOJ #449. 【集训队作业2018】喂鸽子
查看>>
biztalk 2010 映射
查看>>
MongoDB数据库
查看>>
时钟设计技巧
查看>>
营业额统计 Treap TYVJ1185
查看>>
html5的float属性超详解(display,position, float)(文本流)
查看>>
js进阶 11-13 jquery如何包裹元素和去除元素外的包裹
查看>>
IMS 相关名词解释
查看>>
Apache 服务器安装和配置相关资料
查看>>
收藏夹
查看>>
蓝桥杯练习 完美的代价(回文)(贪心)
查看>>
SSM-SpringMVC-09:SpringMVC中以继承MutiActionController类的方式实现处理器
查看>>