使用onerror为404 src不同然后img

时间:2015-06-21 18:38:37

标签: javascript jquery html

嘿所以我试图使用带有img标签的onerror来检查网站是否已启动。根据我的研究,我做过onerror可以用来获取网站的状态。所以我想要实现的是,如果网站有404,它将返回一个红色的图像,但是如果网站启动并运行,那么它将显示绿色图像。所以我能够提出一个代码来完成这个技巧,但问题是我想要组合代码,这样它一次只能显示一个图像,除了下面的两个是我的代码的样本,任何帮助都将被推荐。

<img src="badlink" onerror="this.onerror=null;this.src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Red.svg/120px-Red.svg.png'" />

<img src="https://www.google.com" onerror="this.onerror=null;this.src='http://greensportsalliance.org/images/darkGreenSquare.gif'" />

1 个答案:

答案 0 :(得分:0)

<img src="badlink" onerror="onerror=null;this.src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Red.svg/120px-Red.svg.png'" />

<img src="https://www.google.com" onerror="onerror=null;this.src='http://greensportsalliance.org/images/darkGreenSquare.gif'" />