当您想测试图像以查看某个网站是否可用时，您通常需要使用徽标或可能存在很长时间的图像。
说到博客，没有一个图像托管在你的网址上，而是托管在一个博客静态服务器上。这意味着您无法测试网站上的图片。
那么如何通过加载图像来测试网站是否在线？
答案 0 :(得分：0)
在博客中，您的域名中只托管了一个图片，这就是您的图标。您的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或站点图像，然后在加载或失败时替换它。您还可以在出错时禁用加载功能，以便离线图像在加载时不会触发在线图像。