我们知道,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事件是指图像加载完成后发生。
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/417.html