我们知道,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





















