Question

确定图像是否可靠加载似乎是一个很棒的JavaScript谜团。我已经尝试了各种脚本/脚本库来检查onload和onerror事件，但我的结果是混合的和不可靠的。

我能否可靠地检查完整属性（IE 6-8和Firefox），就像我在下面的脚本中所做的那样？我只是有一个列出服务器的页面，我链接到每个服务器上的on.gif。如果它没有加载我只想加载一个off.gif。这仅供内部使用......我只需要它可靠地显示状态!!!

<script type="text/javascript">
var allimgs = document.getElementsByTagName('img');  


 function checkImages(){   
     for (i = 0; i < allimgs.length; i++){  
         var result = Math.random();  
        allimgs[i].src = allimgs[i].src + '?' + result;  
     }  
     serverDown();  
     setInterval('serverDown()',5000);  
}  


window.onload=checkImages;  

function serverDown(){  
     for (i = 0; i < allimgs.length; i++){  
        var imgholder=new Image();  
        imgholder.src=allimgs[i].src;   
        if(!allimgs[i].complete){  
            allimgs[i].src='off.gif';  
        }  
     }  
}  
</script>

Answer 1

您检查过：How can I determine if an image has loaded, using Javascript/jQuery?

检查页面加载后是否加载图像

1 个答案: