Javascript(JQuery)获取元素真实高宽度

Javascript

代码	注释
document.getElementById(“id”).offsetHeight;	获取对应元素Id的高度
document.getElementById(“id”).offsetWidth;	获取对应元素Id的宽度
document.getElementsByClassName(“class”)[index].offsetHeight	获取对应元素class样式的高度(index:对应第几个，class一个名字可以指多个)
document.getElementsByClassName(“class”)[index].offsetWidth	获取对应元素class样式的宽度(index:对应第几个，class一个名字可以指多个)

JQuery

代码	注释
$(window).height();	浏览器当前窗口可视区域高度
$(document).height();	浏览器当前窗口文档的高度
$(document.body).height();	浏览器当前窗口文档body的高度
$(document.body).outerHeight(true);	浏览器当前窗口文档body的总高度 包括border padding margin
$(window).width();	浏览器当前窗口可视区域宽度
$(document).width();	浏览器当前窗口文档对象宽度
$(document.body).width();	浏览器当前窗口文档body的高度
$(document.body).outerWidth(true);	浏览器当前窗口文档body的总宽度 包括border padding margin
$(“id”).height();	获取对应Id某要素高度
$(“id”).width();	获取对应Id某要素宽度