jQuery javascript获得网页的高度与宽度的实现代码

编辑：rootadmin

推荐整理分享jQuery 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

以上这篇jQuery javascript获得网页的高度与宽度就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

js获取页面及个元素高度、宽度的代码网页可见区域宽：document.body.clientWidth;网页可见区域高：document.body.clientHeight;网页可见区域宽：document.body.offsetWidth(包括边线和滚动条的宽);网页可见区

深入理解JS中的substr和substring substr方法返回一个从指定位置开始的指定长度的子字符串。stringvar.substr(start[,length])参数stringvar必选项。要提取子字符串的字符串文字或String对象。start

Bootstrap每天必学之模态框（Modal）插件本节课我们主要学习一下Bootstrap中的模态框插件，这是一款交互式网站非常常见的弹窗功能插件。更多关于Bootstrap模态框插件内容请点击专题《BootstrapMo