jquery获取关于宽度和高度的尺寸问题
2016-09-11 20:49
344 查看
作者原创,转载请出名出处!
测试效果如下:
注:我的浏览器大小可能和你的不一样哦。所以,每个人的值都不一定是一样的。
console.log("可视区高度:"+$(window).height()); console.log("可视区宽度:"+$(window).width()); console.log("页面文档的高度:"+$(document).height()); console.log("页面文档的宽度:"+$(document).width()); console.log("浏览器当前窗口文档body的高度:"+$(document.body).height()); console.log("浏览器当前窗口文档body的宽度:"+$(document.body).width()); console.log("获取滚动条到顶部的垂直高度 (即网页被卷上去的高度):"+$(document).scrollTop()); console.log("获取滚动条到左边的垂直宽度 :"+$(document).scrollLeft()); console.log("获取或设置元素的宽度:"+$('#wrap').width()); console.log("获取或设置元素的高度:"+$('#wrap').height()); console.log("某个元素的上边界到body最顶部的距离:obj.offset().top;(在元素的包含元素不含滚动条的情况下):"+$("#wrap").offset().top); console.log("某个元素的左边界到body最左边的距离:obj.offset().left;(在元素的包含元素不含滚动条的情况下):"+$("#wrap").offset().left);
测试效果如下:
注:我的浏览器大小可能和你的不一样哦。所以,每个人的值都不一定是一样的。
相关文章推荐
- 关于js(jquery)获取页面高度宽度问题
- Android开发之--关于获取屏幕宽度和高度的问题
- 关于jquery获取元素高度、height、scrollTop等问题,更新。。。
- 关于在有限的宽度和高度下Jquery中的Dialog显示发生错位的问题
- jquery获取图片原始尺寸 (高度与宽度)示例
- jquery 获取各种屏幕的宽度和高度
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题(转)
- jquery获取浏览器高度和宽度
- JQuery获取当前屏幕的高度宽度的实现代码
- jquery 获取各种屏幕的宽度和高度
- JQuery获取浏览器窗口的高度和宽度
- jQuery获取元素位置以及高度与宽度 动态调整打开新窗口效果
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题
- HTML中,关于元素的高度与宽度的问题
- android 获取设备屏幕尺寸、高度、宽度
- jQuery 获取屏幕高度、宽度
- [转]关于jquery获取input的value问题
- 关于获取当前字体的宽度和高度
- JQuery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度