HTML5 Iframe重定向的情況下檢查連接[編輯]

我有一個離線的HTML，我添加一個iframe，它重定向到一個網站，如果有可用的連接。但如果沒有互聯網連接，iframe將重定向到脫機頁面/ html。HTML5 Iframe重定向的情況下檢查連接[編輯]

有人可以向我解釋我需要使用哪些代碼？我正在使用檢查互聯網連接腳本，但我不知道什麼代碼，我需要插入內部JavaScript交換警報（'你是網上'）>重定向到在線網站和警報（'你是脫機「）>重定向到離線頁面

if(navigator.onLine) 
 
    { 
 
    alert('You are Online'); 
 
    } 
 
    else 
 
    { 
 
    alert('You are Offline') 
 
    }

<iframe height="500px" width="100%" src="http://example.github.io/" id="foo"></iframe> 
 
<div style="text-align:center"> This Iframe </div>

2016-02-27 Aotsuya

末iframe標籤後，您可以使用NOFRAME標籤這個環節不工作 –

http://stackoverflow.com/questions/15273042/catch-error-if-iframe-src-fails-to-load-error -refused-to-display-http-ww –

嘗試是這樣的

<iframe id="browse" src="" onload="doNothing()" onerror="doRedirect()"></iframe>

而且在JavaScript

function doRedirect(){ 
    document.getElementById('browse').src = "your offline page"; 
}

或

function doRedirect(){ 
    window.frames['browse'].location.replace("url to offline page"); 
}

2016-02-27 09:43:50

它不會工作，關閉連接後，Iframe在firefox中加載「Server Not Found」，不加載離線html /頁 – Aotsuya

使用可以使用GlobalEventHandlers.onerror您的回退。例如：

var my_iframe = document.getElementById('my_iframe'); 
 

 
my_iframe.onerror = (my_iframe.src = 'http://example.com');

<iframe id="my_iframe" src="http://example.xxx/"></iframe>

還是看my fiddle。

2016-02-27 10:36:50

如何使用「Connection Test」javascript ？ – Aotsuya

回答