您的当前位置:首页利用图片的onerror事件载入默认图片_javascript技巧

利用图片的onerror事件载入默认图片_javascript技巧

2020-11-27 来源:小侦探旅游网

当图片不存在时载入默认图片的代码

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>载入默认图片</title>

</head>


<BODY>

<div id="container"></div>

<SCRIPT LANGUAGE="JavaScript">

<!--

window.onload=function(){

var container = document.getElementById("container");

var thumbImg = container.appendChild(document.createElement('img'));

thumbImg.src = "20091214920298336.jpg" ; //不存在的图片

thumbImg.onerror = function(){thumbImg.src='http://www.gxlcms.com/images/logo.gif';};

}

//-->

</SCRIPT>

</BODY>

</HTML>

显示全文