H5特殊情况解决方案

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

  });

原文地址:https://www.cnblogs.com/teLumy/p/6604954.html