Javascript 浏览器脱机时如何隐藏iframe

我有一个iframe可以访问一个网站，但我想让它隐藏起来，如果无法访问该网站

如果可以，请使用

http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-143及；lang=e

使演示更容易

提前谢谢

你加上这个

<iframe src='' frameborder='0' width="800" height="600" onError="location.href='offline.jpg'"></iframe>

<img src="yourpath/onlinetestimg.jpg" width="1" height="1" style="visibility:hidden" onError="document.getElementById('iframe').innerHTML = '<img src=\'offline.jpg\'>'">

'">

关于站点脱机，我想您可以使用以下解决方法：

$('<img/>', {
    id: "_tmpIMG",
    src: "http://weather.gc.ca/weathericons/00.gif"
}).hide().on({
    load: siteOnline,
    error: siteNotOnline
}).appendTo('body');

function siteNotOnline(){ 
    alert('site not online');
    $('#_tmpIMG').remove();
    $('#iframe').hide();
}

function siteOnline(){ 
    alert('site online');
    $('#_tmpIMG').remove();
}

---

$（““浏览器脱机”和“无法访问网站”"是不同的事情。你真正关心的是哪一个？我猜
onerror
将处理这两种情况，用户不在线和站点不在线reachable@A.Wolff-我认为，
onerror
不能跨源工作，这就是。@Quentin Ya即使onload也能工作，看起来onerror不会有人发布解决方案吗？我很确定你无法为加载失败的跨源资源获取错误事件。如果我提供了一个触发DNS错误的URL（例如），则不会触发错误事件。这将是一个安全问题，因为您可以使用它（例如）确定某人是否登录了一个未经授权的网站，如果他们未登录，则会出现错误。