DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 完美兼容多浏覽器的js判斷圖片路徑代碼匯總
完美兼容多浏覽器的js判斷圖片路徑代碼匯總
編輯:關於JavaScript     

第一種方式

//檢查圖片是否存在
function CheckImgExists(imgurl) {
var ImgObj = new Image(); //判斷圖片是否存在
ImgObj.src = imgurl;
//沒有圖片,則返回-1
if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
alert(imgurl + '存在');
} else {
alert(imgurl + '不存在');
}
}
CheckImgExists('/editor/simple/FileIconDir/rar.gif');
CheckImgExists('/editor/simple/FileIconDir/rarsdfs.gif');

另外一種實現方式

復制代碼 代碼如下:<img src="原圖片" alt="圖片" onerror="this.src='替換圖片'">

第三種方式

<script language="javascript" type="text/javascript">
//載入失敗調用此函數
function defaultImg(T)
{
T.src = "images/closelabel.gif";//默認圖片地址
}

//載入成功後會調用此函數
function LoadOK()
{
alert("LoadOK");
}
</script>
</head>

<body>
<img src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/>
  <!--123.jpg 是錯誤圖片地址-->

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved