Html 你如何测试一个博客网站是否有图片？

当你想测试一个图像，看看一个网站是否可用时，你通常会选择一个可能会出现很长时间的徽标或图像

说到blogger，没有一个图像托管在您的url上，而是托管在blogger的一个静态服务器上。这意味着您无法测试站点的图像

---

那么，如何通过加载图像来测试站点是否在线呢？

对于blogger，您的域中只有一个图像托管，这就是您的favicon。You favicon位于www.yourblogdomain.com/favicon.ico

测试映像状态的常用方法是尝试加载联机映像，如果失败，则显示脱机映像

要使用favicon，您需要在图像处于联机和脱机状态时更改图像。要做到这一点，您需要使用onerror和onload

<img src="http://yousite.com/images/online.png" onerror="this.src='http://anothersite.com/offline.png'" />

要使其正常工作，在线图像必须位于您正在检查的站点上。然而，如果你想查看一个博客网站或一个你无法访问的网站，你需要用另一种方式

<img src="http://test.blogspot.com/favicon.ico" onLoad="this.src='http://imgur.com/online.png'" onerror="this.onload=null; this.src='http://imgur.com/offline.png'" />

您需要有

this.onload=null或当加载脱机映像时，它将更改为联机映像，因为它已加载

你就是这样做的。测试favicon或站点映像，然后在加载或失败时替换它。您还可以在出现错误时禁用加载功能，以便脱机映像在加载时不会触发联机映像