使用onerror替換圖像取決於錯誤

我想使用onerror與圖像，但不看圖像源是否好，但要檢查是否有其他鏈接是好的。使用onerror替換圖像取決於錯誤

我想使用onerror來查看（假設google.com）是否良好，然後它會顯示綠色圖像，但如果google.com由於某種原因而最終顯示爲404，則會顯示紅色圖像。以下是我的代碼和小提琴的示例。

任何幫助將不勝感激。

<img src="http://greensportsalliance.org/images/darkGreenSquare.gif" 
               onerror="imgError(this);"/> 

function imgError(image) { 
    image.onerror = ""; 
    image.src = "http://objects.chopard.com/media/catalog/category/bg-red-carpet.jpg"; 
    return true; 
}

來源

2015-06-21 ilearn2code

如果你選擇了「無包裝它的工作原理 - 中在JS左邊的「Frameworks＆Extensions」（第二個下拉菜單）下的'''選項小提琴。至少圖像檢查部分... – Xufox

這裏有什麼問題？你正在描述你正在嘗試做什麼的一些方面，但是你沒有具體告訴我們什麼不適合你。 – jfriend00

沒有小提琴的問題。我試圖完成的是在javscript中添加代碼，它將以簡單的單詞檢查狀態外部網站來查看它是否正常運行，如果它正在運行，那麼它將具有綠色圖像，但是如果網站具有404則它將具有紅色圖像。 – ilearn2code

它工作正常，在這裏：在你的項目再試一次......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 

 

 
<html> 
 
    <head> 
 
    <script> 
 
function imgError(image) { 
 
    image.onerror = ""; 
 
    image.src = "http://objects.chopard.com/media/catalog/category/bg-red-carpet.jpg"; 
 
    return true; 
 
} 
 
</script> 
 
    </head> 
 
    
 
<body> 
 

 
<img src="image.gif" onerror="imgError(this);"> 
 

 

 

 
</body> 
 
</html>

來源

2015-06-21 11:05:16

使用onerror替換圖像取決於錯誤

回答

相關問題