现在的位置: 网页制作教程网站制作经验 >正文
jquery相关教程

为什么用width()、height()方法获取图片宽和高的值是0

发表于2016/12/22 网站制作经验 0条评论 ⁄ 热度 4,297℃

我们知道,jquery库中有个width()方法可以获取图片的宽,height()方法获取img的高度。

我在一次取值过程中,用width()、height()方法获取到的值都是0。下方是我获取的代码:

<script type="text/javascript">
  $(document).ready(function(){
  var w=$("img").width();
  var h=$("img").height();
  alert(h);
});
</script>

w是图片的宽度,h是图片的高度,通过上面的方法,为什么获取的值都是0。

原因:图片的加载速度相对于文字来说,要慢一点,当页面加载完了,图片还有可能没加载完。

我们只需修改一下获取的代码就可以避免0的问题。

<script type="text/javascript">
$(document).ready(function(){
  $("img").on("load",function(){
    var w = $(this).width();
    var h = $(this).height();
    alert(h);
  });
});
</script>

on方法load事件是指图像加载完成后发生。

  • 暂无评论