图片加载失败处理

时间 2021-08-14

标签 javascript html java ide spa code htm 事件图片栏目 JavaScript 繁體版

原文原文链接

图片加载失败处理
javascript

当一个图片因为某种缘由未能加载成功(如：图片文件不存在），error事件就会在这个图像上触发，咱们能够相应的坐些处理。以达到咱们想要的结果。下面是例子程序html

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
   function handleImgLoadError(oEvent)
   {
       oEvent.srcElement.src='Exist.png';
   }
</script>
</HEAD>
<BODY>
   <img src="bule.jpg" id="img1" οnerrοr="handleImgLoadError(event);"/>
</BODY>
</HTML>