判断远程图片是否存在，否则替换成默认图片

2024-04-25 20:30:18

字体：大中小

来源：转载

供稿：网友

语法：

onerror="SomeJavaScriptCode"

例子：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>php爱好者</title>
</head>

<body>

判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：
第一种情况存在：<IMG src="http://www.CUOxin.com/images/neteaselogo.gif" onerror="javascript:this.src='http://www.CUOxin.com/images/logo.gif'" >

<IMG src="http://www.CUOxin.com/images/neteaselogo.gif" onerror="javascript:this.src='/uploads/allimg/140603/14445C492-2.gif'" >
第二种情况不存在，替换成本站的logo：<IMG src="http://www.CUOxincom/images/neteaselogo1.gif" onerror="javascript:this.src='http://www.CUOxin.com/images/logo.gif'" >
<IMG src="http://www.CUOxin.com/images/neteaselogo1.gif" onerror="javascript:this.src='http://www.CUOxin.com/images/logo.gif'">
</body>

</html>

上一篇：CSS让图片垂直居中的几种技巧

下一篇：常见的浏览器Hack技巧总结