1.获取浏览器各种高度(出处:http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html)
Jquery
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
2.获取图片实际大小
alert($("img").width());
alert($("img").hight());
显示结果均为“0”
错误原因:图片加载速度慢于js代码执行速度,即执行到该行代码时,图片可能还未被加载出来,所以宽高均为0
解决方案:
$("img").on("load",function(){
alert($("img").width());
alert($("img").hight());
});