javascript - 如果 iframe 刷新失败，则 X

Question

我正在使用以下脚本来刷新我的 <iframe>每 60 秒一次。

<script type=text/javascript>
setInterval(function() {
    document.getElementById("tracker").src += "";
}, 60000);
</script>

我想显示一个不同的页面/<iframe>如果刷新失败。例如，如果我没有连接到任何网络，那么显然任何页面刷新都会显示“找不到页面”错误。

相反，我想显示一个不同的 <iframe> (例如 tracker2 )或不同的页面/消息/图像来表示“离线”。当然是 <iframe>将不断刷新自身，直到有互联网连接。

我很确定那是不可能的，但我可能是错的。可能吗？

Answer 1

如果<iframe>您正在加载的是不同的域，那么不，这是不可能的。否则，您可以使用 Ajax 来检查状态:

var rq = new XMLHttpRequest();

rq.open('GET', document.getElementById('tracker').src, true);

rq.onreadystatechange = function() {
    if(rq.readyState === 4) {
        if(rq.status === 200) {
            // All is well
        } else {
            // Show your backup element
        }
    }
};

rq.send(null);