手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery javascript获得网页的高度与宽度的实现代码
jQuery javascript获得网页的高度与宽度的实现代码
摘要:网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可...

网页可见区域宽: 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获得网页的高度与宽度就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【jQuery javascript获得网页的高度与宽度的实现代码】相关文章:

javascript中this的四种用法

js实现异步循环实现代码

javascript动态设置样式style实例分析

javascript的函数第1/3页

Javascript - HTML的request类

javascript实现youku的视频代码自适应宽度

JavaScript中的sub()方法的使用介绍

Javascript随机显示图片的源代码

理解javascript定时器中的单线程

javascript实现动态改变层大小的方法

精品推荐
分类导航