Jiang Ying-Fu的部落格

常年在打程式，臨時想到當WEB的網頁程式因讀不到圖片，而呈現XX時，實在是相當的不好看。

所以花時間想了一下WEB的運作原理，以及WEB的物件關係，也就有了下面這一段程式。

function onimg()

{

var imgs=document.getElementsByTagName("img");

for ( var i = 0 ; i < imgs.length ; i++ )

{

if ( imgs[i].complete == false )

{

        //替換的圖片路徑

imgs[i].setAttribute( "src" , "../images/xxx.jpg" );

//設定圖片的Title

imgs[i].setAttribute( "title" , "檔案不存在。" );

}

}

}

document.getElementsByTagName("img") 是指取出這個頁面的所有圖片。

因為抓出來的是一個陣列型態資料，所以處理時也要使用陣列。

至於complete屬性，則可判斷出圖片是否為xx。

true，成功顯示圖片。

false，圖片讀取失敗。

或著讀取圖片的Size判斷，若讀取不到圖片，Size必定為-1。

這時再透過setAttribute把SRC屬性的值置換成要顯示的圖片，或是其他處理。

最後在Body的onLoad時，將這個方法載入，讓網頁載入時做處理即可。