zoukankan      html  css  js  c++  java
  • 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());

      });

  • 相关阅读:
    无题
    生活真像小说
    草样年华
    Intentional Programming
    厌倦说话
    解释 Intentional Programming
    开始折腾iphone cdma 恢复,降级,刷机,越狱,手编,写号
    新手如何成为更好的图形设计师
    Grunt.js 初使用
    有抱负的程序员应看的10个TED演讲
  • 原文地址:https://www.cnblogs.com/teLumy/p/6604954.html
Copyright © 2011-2022 走看看