javascript宽高,js获取宽高
javascript如何获得窗口的宽和高
javascript里面document.body的clientWidth、clientHeight、offsetWidth 、offsetHeight 等属性可以获得网页可见区域的宽和高,window和window.screen也有一些相关属性,例子代码如下:
镇巴ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!
bodySCRIPT LANGUAGE="JavaScript"
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
/SCRIPT
JS 获取当前浏览器宽高
JQuery获取:
console.log($(window).width()); //浏览器当前窗口可视区域宽度
console.log($(window).height()); //浏览器当前窗口可视区域高度
console.log($(document).width());//浏览器当前窗口文档对象宽度
console.log($(document).height()); //浏览器当前窗口文档的高度
console.log($(document.body).width());//浏览器当前窗口文档body的宽度
console.log($(document.body).height());//浏览器当前窗口文档body的高度
console.log($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
console.log($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
JS获取:
窗口可视区域宽度 : document.documentElement.clientWidth || document.body.clientWidth;
窗口可视区域高度 : document.documentElement.clientHeight || document.body.clientHeight;
窗口可视区域宽度+边线和滚动条 : document.body.offsetWidth ;
窗口可视区域高度+边线和滚动条 : document.body.offsetHeight ;
实际内容的宽度 : document.body.scrollWidth;
实际内容的高度 : document.body.scrollHeight;
滚动条下拉被卷起来的距离 :document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
滚动条侧拉被卷起来的距离 :document.body.scrollLeft || document.documentElement.scrollLeft ;
网页正文部分上 :window.screenTop;
网页正文部分左 :window.screenLeft;
元素的宽度 :obj.offsetWidth;
元素的高度 :obj.offsetHeight;
相对于父元素的上位移 :obj.offsetTop;(在元素的包含元素不含滚动条的情况下)
相对于父元素的左位移 :obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)
javascript设置表格的宽度和高度
window.outerheight
窗口总高度
和window.screen.availheight一样
window.innerheight
窗口可视区域高度
window.screen.height
显示器屏幕高度
另外:jquery获取高度
$(".thiscrumbs").height()
元素本身高度
$(".thiscrumbs").innerheight()
元素高度+内边距
$(".thiscrumbs").outerheight()
元素高度+内边距+边框
$(".thiscrumbs").outerheight(true)
元素高度+内边距+边框+外边距
当前题目:javascript宽高,js获取宽高
文章转载:http://pwwzsj.com/article/dsohhgp.html