在前端开发中,常常得纠结于一些宽度和高度的计算,特别是在移动终端上开发的时候,维奇整理了这些JQ的代码,可以获取到一些常用的各种区域的宽度和高度等数值。
用的是alert的弹出对话框显示,根据调试需要,可以改为console.log或别的做法。
alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height()); //浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器时下窗口可视区域宽度 alert($(document).width()); //浏览器时下窗口文档对于象宽度 alert($(document.body).width()); //浏览器时下窗口文档body的高度 alert($(document.body).outerWidth(true)); //浏览器时下窗口文档body的总宽度 包括border padding margin alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度 alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
把HTTPS关掉吧,免费的证书每年重新搞,真累人
记于2022年7月8日