下面小編就為大家?guī)?lái)一篇javascript判斷圖片是否加載完成的方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。
load事件
<script type="text/javascript">
$('img').onload = function() {
//code
}
</script>
優(yōu)點(diǎn)：簡(jiǎn)單易用，不影響HTML代碼。
缺點(diǎn)：只能指定一個(gè)元素，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庫(kù)的支持，代碼需要放置到需要操作元素的下方。
以上這篇javascript判斷圖片是否加載完成的方法推薦就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考
公考類(lèi)
招聘類(lèi)
各類(lèi)考試版權(quán)所有:易賢網(wǎng)
公眾號(hào)
事業(yè)單位
當(dāng)前位置：