您的位置:首页 > Web前端 > JQuery

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);


测试效果如下:



注:我的浏览器大小可能和你的不一样哦。所以,每个人的值都不一定是一样的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: