下面小編就為大家?guī)硪黄猨avascript判斷圖片是否加載完成的方法推薦。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。
load事件
<script type="text/javascript">
$('img').onload = function() {
//code
}
</script>
優(yōu)點(diǎn):簡單易用,不影響HTML代碼。
缺點(diǎn):只能指定一個元素,javascipt代碼必須置于圖片元素的下方
jquery方法
<script type="text/javascript">
$(function(){
$('.pic1').each(function() {
$(this).load(function(){
$(this).fadeIn();
});
});
})
</script>
注意,不要在$(document).ready()里綁定load事件。
優(yōu)點(diǎn):可以批量綁定元素事件,并且不影響HTML代碼內(nèi)容
缺點(diǎn):需要jquery庫的支持,代碼需要放置到需要操作元素的下方。
以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考